问题标签 [form-fields]

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 投票
2 回答
172 浏览

javascript - PHP联系表单中的多个字段

我正在创建一个表单,它会根据需要动态添加其他字段。

如何在我的联系表单 PHP 中注册这些动态字段?

另外,为什么删除按钮会导致 Bootstrap 核心 jQuery 出错?


表格:

这是PHP


的JavaScript:

0 投票
1 回答
1945 浏览

javascript - 使用文本框、HTML 和 Javascript 在 iF​​rame 中显示 PDF

我正在尝试在 Sharepoint 页面中添加一个表单(只是一个文本框),该页面要求用户输入 PDF 文档的 url,然后该文档将显示在同一页面上的 iFrame 中。

我找到了使用图像执行此操作的代码,但我很难修改它以在 iFrame 中显示 PDF。

我试图修改的代码来自上一个问题。链接在这里:

从输入框获取img src到一个div

这是没有创建 iFrame 的代码。我不知道应该把它放在这段代码的什么地方。任何援助将不胜感激!

0 投票
2 回答
2777 浏览

php - WooCommerce 结帐邮政编码字段顺序

我正在尝试修改结帐页面。使用插件,我能够用街道、门牌号和“额外”字段替换两个默认地址行(它们都在一行上)。在此之下,您可以找到邮政编码和城市字段。
但是,我想在用户输入他们的邮政编码和门牌号时生成街道和城市,所以我想切换字段。
就像这样:

街道 - 门牌号码 - 额​​外的
邮政编码 - 城市

我希望它是:

邮政编码 - Housnumber - Extra
Street - 城市

我正在使用常规钩子:

但是...尝试移动邮政编码字段是不成功的。如果我将邮政编码和城市字段一起移动,我可以移动它们,但只是尝试单独移动邮政编码字段会显示奇怪的行为(例如:切换街道和邮政编码字段)

我错过了什么?

0 投票
2 回答
1362 浏览

jquery - 使用jQuery删除动态列表中的最后一个输入字段

我如何设法<div><input type="text" name="mytext[]"></div>从“顶部”按钮中删除最后一个以进行删除?当我创建许多字段时,当我单击“删除它们顶部的字形图标”时,它会删除所有字段,而不是最后一个。

当我在创建新字段时单击字段右侧的删除按钮时,它会删除该字段,但我也想从顶部按钮中删除

0 投票
4 回答
150 浏览

javascript - 难以将值发送到输入字段(听起来很荒谬)

已编辑:新信息:当我检查该字段并且代码被高亮显示(在检查器中)时,所有语句都可以正常工作,但是当该字段不再突出显示时,这些语句似乎不起作用。希望这有助于诊断问题。

我有一个 wufoo 表单(您可以嵌入的托管表单,在提交时发送到特定的电子邮件等)。我在该表单上有一个字段,一旦我单击一个按钮,我就会尝试用某条数据填充该字段。我相信我有正确的代码来实现这一点,它应该可以工作:

我尝试了许多不同的方法:

还有一些我真的不认为会起作用的地方..

这里有一些让我感到困惑的事情,我将在下面发布屏幕显示我的意思。加载页面后,我可以在控制台中键入所有这些命令,并且该字段(ID为Field3)不会发生任何事情......大多数时候。但有几次,我会重新加载页面,再次尝试一些语句,是的,相同的语句,然后它就可以工作了。不知道为什么或如何,但这是一种间歇性的事情。显然情况可能并非如此,但我对为什么会发生这种情况感到很困惑;

下面是我的控制台的三个屏幕。对于前两个,该字段在控制台中经过大约 10 次或更多次尝试后最终填充,然后在使用以前不起作用的命令时继续工作。最后一个屏幕是一个根本不起作用的尝试:

(对于我不得不发布这些图像的方式表示歉意,我不断收到格式错误,除非我 cmd+k 它们,否则我无法继续保存帖子)

我首先在控制台中尝试所有内容,但在这里找不到任何模式。任何想法或意见将不胜感激,并感谢您的时间。

0 投票
1 回答
962 浏览

forms - 表单订阅者和“此表单不应包含额外字段”错误

我使用的是 symfony 2.3,所以很明显,我不能使用这里讨论的 'allow_extra_fields' 选项。

我有一个主要的表单类型 RegistrationStep1UserType :

此表单类型包括一个嵌入的表单类型(在“声明”字段上),RegistrationStep1DeclarationType,注册为服务:

这种嵌入式表单类型在“birthCountry”字段上添加了一个订阅者(也注册为服务,因为它需要注入 EntityManager)。

目标是根据birthCountry 选择列表的值动态添加或删除一个额外的字段(称为“birthCounty”)(注意这里的2 个字段不同,“birthCountry”和“birthCounty”)。

这是订阅者:

在视图中,当“birthCountry”选项列表发生变化时,它会向控制器触发 AJAX 请求,控制器会处理该请求并再次呈现视图(如有关动态表单提交的文档中所述):

问题如下:

当我在birthCountry 选择列表上进行更改并选择一个应该隐藏“birthCounty”字段的国家时,表单会在没有该字段的情况下正确呈现,但会显示一条错误消息:

或者

我尝试了许多不同的解决方案:

  • 向 RegistrationStep1UserType 和 RegistrationStep1DeclarationType 添加 'validation_groups' 选项
  • 添加 preSubmit 事件到 AddBirthCountyFieldSubscriber 复制 preSetData 和 postSubmit 方法的逻辑
  • 即使添加'mapped' => false,到birthCounty 字段也会触发错误。非常令人惊讶

即使$form->getExtraData()是空的,如果我把它扔掉之后$form->handleRequest($request);

但是在 vendor\symfony\symfony\src\Symfony\Component\Form\Extension\Validator\Constraints\FormValidator 中,我可以看到一个额外的字段

这里 :

我是否错过了有关表单动态额外字段的内容?

0 投票
1 回答
226 浏览

excel - Word VBA重命名下拉表单字段?

我在受密码保护的 Word 文档中有一组 6 个表格。每个表都有一个标题行,后跟至少一个数据行。第二行(和后续行)的第 6 列中有一个下拉表单字段。每个表格上方都有一个按钮,允许用户在表格中添加一行。当他们这样做时,第 6 列包含另一个下拉列表。

用户在下拉列表中选择一个值并离开该字段后,我需要根据所选值为该单元格着色。我可以设置 OnExit 值来运行我称为“HighlightStatus”的宏。要更改对单元格的引用,我正在使用

如何引用包含此表单域的单元格?

另一个问题是,当我向表中添加一行时,我需要将表单字段的名称设置为唯一的,以便我可以引用刚刚更新的字段。但是 Name 属性似乎是只读的。

我采取了另一种方法,基本上遇到了同一堵墙。更新字段后,我让代码循环遍历所有表和所有行,并更新每行的第 6 列。问题是屏幕向下滚动到文档的末尾。要回到原来的位置,我仍然需要唯一地引用正确的表单字段,如果该字段没有唯一的名称,我就无法做到这一点。

0 投票
1 回答
1274 浏览

jquery - 复制表单部分

希望有人可以通过下面的代码片段帮助我。单击按钮时,我试图在我的网站上复制表单字段。

问题是,我无法在同一个 html 页面上为多个表单进行这项工作。这仅适用于第一种形式。当我尝试添加第二个表单时,第二个表单上的按钮会复制第二个表单中的第一个表单。非常感谢任何见解!

HTML

jQuery

0 投票
3 回答
4680 浏览

angular - 将必需设置为自定义 Angular2 下拉组件

我有一个输入字段很少和自定义下拉列表的表单。问题是:我可以将 my-custom-dropdown 组件设置为必需吗?

我的表格看起来像这样:

我的下拉组件基本上是一个自定义组件,看起来像这样:

最后我有这样的下拉项目:

我正在使用最新版本的 Angular2。我没有包含 Typescript 文件,但长话短说,my-custom-dropdown 组件实现了 ControlValueAccessor。

0 投票
2 回答
27 浏览

jquery - 在 jQuery 中,如何触发按键操作,但前提是焦点不在表单字段上?

我正在使用 jQuery 1.11。如果用户按下键盘上的“d”键,我想运行一个动作。所以我有这个

但是,如果他们在文本框中按“d”键,我不希望触发上述操作。如何修改上述内容,以便在用户弄乱表单字段时不会触发操作?