问题标签 [amp-form]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
amp-html - 在 AMP 故事中添加提交表单
我想在 AMP 故事页面中添加一个带有计数器的收藏按钮,例如 AMP 文档示例。
https://amp.dev/documentation/examples/interactivity-dynamic-content/favorite_button/
但是,即使正确加载了 JSON 信息,当我单击最喜欢的心时
[行动]“FORM.submit”未列入白名单[]
控制台提示错误。
我确定如果 amp hmtl 内部有标签,则表单提交未列入白名单。
我只是将来自 AMP 文档网站的代码粘贴到标签中,并且或多或少地在我可能放置表单的任何地方,都会出现列入白名单的错误。
在不允许将表单放入 AMP 故事中时,如何实现喜欢的计数器之类的按钮?
forms - 如何验证 amp-form 中的 Select 字段以不允许默认启动选项?
我有一个以“选择位置”选项开头的选择字段,并希望强制用户在提交之前选择某些内容。我看到了这篇关于在选项可用之前禁用提交按钮的文章amp-bind
,但如果可能的话,我想使用 amp-form 内置的验证。
我尝试在and字段上使用该pattern
属性。我使用了类似的东西和多种变体,但没有任何成功。<select>
<option>
pattern="^((?!default).)*$"
当我单击提交而不更改值时,我希望会出现验证错误,但事实并非如此。是否可以将此验证方法与 Select 字段一起使用?还是我只需要使用前面提到的 amp-bind 方法?
amp-html - AMP4EMAIL:从模板中的状态设置表单值
amp-bind
在amp-mustache
模板中使用时,我似乎无法通过 [value] 属性动态设置表单输入字段的值。此问题仅出现在 Gmail 客户端中。它在 Gmail Amp Playground 和浏览器中按预期工作。此问题仅出现在 Gmail 客户端中。它在Gmail Amp Playground(我认为应该反映 Gmail 客户端的行为)和浏览器中按预期工作。
此处提供了一个要点,其中包含客户端代码的人为版本。
非常感谢任何建议/解决方法!
虽然可能不需要,但这是服务器端逻辑:
google-analytics - 当 amp-form 提交成功时,在 amp 页面中触发 google amp-analytics 事件
在 AMP 中提交成功后,我试图触发一个事件。
目前我使用 dataLayer.push() 并发送:类别、动作和标签。
如何使用本文档中的示例触发成功事件https://amp.dev/documentation/components/amp-form/#analytics-triggers
这是文档中的代码:
model-view-controller - MVC 框架中的 AMP 表单问题
我在使用 AMP 的表单时遇到问题。
该表单在标准 amp html 页面上完美运行 - 单击按钮并触发 search.php。
然后我正在使用的 MVC 框架上完全相同的代码(包括所有包含等)不起作用。单击该按钮,没有任何反应。
查看页面源代码时,两者的源代码相同。
这应该不会发生 - 我正在使用的特定 MVC 框架可能有这个问题吗?
或者是因为它是 MVC,视图(header.twig)在不工作的版本上有表单。search.php 中的 php 代码会进入控制器吗?
任何帮助将不胜感激!
amp-html - AMP 表单 - 输入 [值] 不允许使用 concat() 函数
在 AMP 表单中,我试图根据表单响应填写隐藏的输入字段。响应是 JSON 对象内的一个数组。当我尝试将信息提取到 div 的 [text] 属性中时,它会起作用。但在输入的 [value] 属性中,它不会。
这是我的示例代码:
提交后,id为“response”的div会显示event.response.answer
信息,但隐藏输入的值不会改变。
但是,如果我将answer.display
变量更改为字符串而不是数组,则输入的值将起作用。例如,这按预期工作:
那么为什么不能concat()
在输入的value
属性内部工作,即使它可以与 div 的text
属性一起工作呢?
也许更重要的是,我怎样才能在我的表单中使用表单的响应,以便它可以再次提交?
php - 我有一个 AMP 表单,但由于某种原因,它在提交时出错
我有一个带有 amp-form 组件的 AMP 站点,由于某种原因无法提交表单。控制台错误https://prnt.sc/shu7i0和网络错误https://prnt.sc/shu85g。您还可以在此处查看实时站点https://frontlinewebtech.com/traderharian/。请帮忙
这是我的html
这是我的PHP
java - AEM 6.1中的AMP(Accelerated Mobile Page)表单开发
我正在尝试在 AEM 6.1 中开发 AMP 表单并尝试将数据提交到后端 sling servlet 以将数据保存到数据库中。但我得到了错误的回报:
后端代码::::
公共类 AmpRatingActionServlet 扩展 SlingAllMethodsServlet {
500 消息 javax.jcr.nodetype.ConstraintViolationException:没有匹配的属性定义:名称 = 测试
node.js - 当用户未能在 AMP 表单中输入正确的电子邮件 (ID) 时,如何将用户重定向到注册页面?
请告知是否在 amp-form 验证返回错误时重定向到新页面?即用户通过填充他的电子邮件进行有限的登录尝试,然后当超过此限制时,客户端 AMP 表单会触发重定向到注册页面?
提前致谢。五。
amp-html - amp-form 验证不起作用,即使使用官方文档代码
我正在尝试在amp-form
组件上实现自定义字段验证,但我所有的努力都是徒劳的。
虽然XHR request returns a valid JSON
, 它不会使该字段无效并且没有显示错误消息。
我尝试了官方文档中的代码:https ://amp.dev/documentation/components/amp-form/?referrer=ampproject.org#verification没有运气。
转向 Git 代码示例:https ://github.com/ampproject/amphtml/blob/main/examples/forms.amp.html仍然没有。
有人可以告诉我我做错了什么吗?
这是完整的代码:AMP Playground
这是我的脚本附件:
这是我的表格:
返回的 JSON 是:
完整代码可在AMP Playground中找到