问题标签 [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.

0 投票
1 回答
119 浏览

amp-html - 在 AMP 故事中添加提交表单

我想在 AMP 故事页面中添加一个带有计数器的收藏按钮,例如 AMP 文档示例。

https://amp.dev/documentation/examples/interactivity-dynamic-content/favorite_button/

但是,即使正确加载了 JSON 信息,当我单击最喜欢的心时

[行动]“FORM.submit”未列入白名单[]

控制台提示错误。

我确定如果 amp hmtl 内部有标签,则表单提交未列入白名单。

我只是将来自 AMP 文档网站的代码粘贴到标签中,并且或多或少地在我可能放置表单的任何地方,都会出现列入白名单的错误。

在不允许将表单放入 AMP 故事中时,如何实现喜欢的计数器之类的按钮?

0 投票
1 回答
417 浏览

forms - 如何验证 amp-form 中的 Select 字段以不允许默认启动选项?

我有一个以“选择位置”选项开头的选择字段,并希望强制用户在提交之前选择某些内容。我看到了这篇关于在选项可用之前禁用提交按钮的文章amp-bind,但如果可能的话,我想使用 amp-form 内置的验证。

我尝试在and字段上使用该pattern属性。我使用了类似的东西和多种变体,但没有任何成功。<select><option>pattern="^((?!default).)*$"

当我单击提交而不更改值时,我希望会出现验证错误,但事实并非如此。是否可以将此验证方法与 Select 字段一起使用?还是我只需要使用前面提到的 amp-bind 方法?

0 投票
1 回答
142 浏览

amp-html - AMP4EMAIL:从模板中的状态设置表单值

amp-bindamp-mustache模板中使用时,我似乎无法通过 [value] 属性动态设置表单输入字段的值。此问题仅出现在 Gmail 客户端中。它在 Gmail Amp Playground 和浏览器中按预期工作。此问题出现在 Gmail 客户端中。它在Gmail Amp Playground(我认为应该反映 Gmail 客户端的行为)和浏览器中按预期工作。

此处提供了一个要点,其中包含客户端代码的人为版本。

非常感谢任何建议/解决方法!

虽然可能不需要,但这是服务器端逻辑:

0 投票
1 回答
309 浏览

google-analytics - 当 amp-form 提交成功时,在 amp 页面中触发 google amp-analytics 事件

在 AMP 中提交成功后,我试图触发一个事件。

目前我使用 dataLayer.push() 并发送:类别、动作和标签。

如何使用本文档中的示例触发成功事件https://amp.dev/documentation/components/amp-form/#analytics-triggers

这是文档中的代码:

0 投票
0 回答
58 浏览

model-view-controller - MVC 框架中的 AMP 表单问题

我在使用 AMP 的表单时遇到问题。

该表单在标准 amp html 页面上完美运行 - 单击按钮并触发 search.php。

然后我正在使用的 MVC 框架上完全相同的代码(包括所有包含等)不起作用。单击该按钮,没有任何反应。

查看页面源代码时,两者的源代码相同。

这应该不会发生 - 我正在使用的特定 MVC 框架可能有这个问题吗?

或者是因为它是 MVC,视图(header.twig)在不工作的版本上有表单。search.php 中的 php 代码会进入控制器吗?

任何帮助将不胜感激!

0 投票
0 回答
75 浏览

amp-html - AMP 表单 - 输入 [值] 不允许使用 concat() 函数

在 AMP 表单中,我试图根据表单响应填写隐藏的输入字段。响应是 JSON 对象内的一个数组。当我尝试将信息提取到 div 的 [text] 属性中时,它会起作用。但在输入的 [value] 属性中,它不会。

这是我的示例代码:

提交后,id为“response”的div会显示event.response.answer信息,但隐藏输入的值不会改变。

但是,如果我将answer.display变量更改为字符串而不是数组,则输入的值将起作用。例如,这按预期工作:

那么为什么不能concat()在输入的value属性内部工作,即使它可以与 div 的text属性一起工作呢?

也许更重要的是,我怎样才能在我的表单中使用表单的响应,以便它可以再次提交?

0 投票
1 回答
122 浏览

php - 我有一个 AMP 表单,但由于某种原因,它在提交时出错

我有一个带有 amp-form 组件的 AMP 站点,由于某种原因无法提交表单。控制台错误https://prnt.sc/shu7i0和网络错误https://prnt.sc/shu85g。您还可以在此处查看实时站点https://frontlinewebtech.com/traderharian/。请帮忙

这是我的html

这是我的PHP

0 投票
0 回答
99 浏览

java - AEM 6.1中的AMP(Accelerated Mobile Page)表单开发

我正在尝试在 AEM 6.1 中开发 AMP 表单并尝试将数据提交到后端 sling servlet 以将数据保存到数据库中。但我得到了错误的回报:

后端代码::::

公共类 AmpRatingActionServlet 扩展 SlingAllMethodsServlet {

500 消息 javax.jcr.nodetype.ConstraintViolationException:没有匹配的属性定义:名称 = 测试

0 投票
1 回答
21 浏览

node.js - 当用户未能在 AMP 表单中输入正确的电子邮件 (ID) 时,如何将用户重定向到注册页面?

请告知是否在 amp-form 验证返回错误时重定向到新页面?即用户通过填充他的电子邮件进行有限的登录尝试,然后当超过此限制时,客户端 AMP 表单会触发重定向到注册页面?

提前致谢。五。

0 投票
1 回答
33 浏览

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中找到