Tag: 形成

具有输入的动态创建行上的datepicker

我有一个表单，可以动态创建带输入的新行，每个新行上的日期输入应该有一个datepicker。 我有这个几乎工作，但是当创建带输入的新行时，datepicker将不再适用于已存在的日期字段。 我玩了整整一天来找出我做错了什么，但我只是看不出如何解决这个问题。 这是小提琴 – > http://jsfiddle.net/HermesTrismegistus/vdFaH 我的表单看起来像这样： Product Datum Tijd Minuten 我有的jquery，看起来像这样： $(function(){ // start a counter for new row IDs // by setting it to the number // of existing rows $(‘.datepick’).datepicker(); var newRowNum = 0; // bind a click event to the “Add” link $(‘#addnew’).click(function(){ // increment the counter newRowNum = $(productTable).children(‘tbody’).children(‘tr’).length […]

如何为Bootstrap模式窗口指定主要和辅助操作？

我正在使用Twitter的Bootstrap模态function 。 当有人点击我的表单上的提交时，我正在测试他们是否检查了任何可用的选项： $(‘form’).submit(function(event) { var $target = $(‘.column’).find(‘:checkbox’); if( !$target.is(‘:checked’) ){ // if none of the sub-options are checked event.preventDefault(); $(‘#my-modal’).modal({ show: ‘true’, backdrop: ‘true’, keyboard: ‘true’ }); } }); …并显示模态窗口，如果他们没有。 然后我喜欢模态上的“主要”按钮继续表单提交，而次要按钮则只需关闭模态窗口。 我确信这应该是相当简单的，但我目前对jQuery的了解只是在复制/粘贴级别，文档没有给出如何执行此操作的示例。 我已经建立了一个jsFiddle，我在这里 – 谢谢。 编辑 – 我在下面添加了一些代码（感觉有点hacky），当点击辅助按钮时将关闭模态窗口。 单击主按钮时仍不确定如何使表单继续运行： $(‘#my-modal .secondary’).click(function() { $(‘#my-modal’).modal({ show: ‘false’ }); }); 现在的问题归结为 ：“有没有一种简单的方法来告诉表单”好的，一旦点击主按钮就继续“？

如何才能正确捕获并重新启动表单提交事件？

这可能不是您通常的“如何捕获表单提交事件？” 题。 我试图准确理解jQuery，vanilla Javascript和浏览器（IE / FF / Chrome / Safari / Opera）如何处理表单提交事件 – 以及它们之间的关系。 （ 请参阅我的另一个问题。 ）经过数小时的谷歌搜索和实验，我仍然无法得出结论，无论是因为不和谐还是模糊。 我正在完成一个与网站表单集成的脚本，以便在AJAX请求返回之前无法提交表单。 理想的情况是： 用户填写表格 表单已提交 – 但除了我的之外，没有调用以前绑定的事件处理程序 我的处理程序发出API请求（当然是异步的） 用户确认API响应的validation结果 表单提交继续正常，自动，调用之前被抑制的其他处理程序 我目前的理解是:(这些可能是错的，如果是这样请纠正我） jQuery将表单提交事件处理程序绑定到提交按钮click事件 直接在提交元素click事件上的事件处理程序（无论是在标记中如onclick=””还是使用jQuery绑定）都会先执行 表单submit事件上的事件处理程序（无论是在标记中如onsubmit=””还是使用jQuery绑定）将在下一步执行 调用$(‘[type=submit]’).click()不会调用表单的submit事件，因此不会调用它的处理程序 调用$(‘form’).submit()不会调用提交按钮的click事件，因此不会调用其处理程序 然而，某种程度上，单击提交按钮的用户最终会调用绑定到表单submit事件的处理程序…（但如上所述，调用单击提交按钮不会执行相同的操作） 事实上，用户提交表单的任何方式（通过提交按钮或按Enter键），与jQuery绑定到表单submit事件的处理程序被称为… 现在，我是： 解除绑定处理程序与jQuery绑定到提交按钮的click事件，同时保留对它们的引用 将我自己的处理程序绑定到提交按钮的click事件，因此它首先执行 使用onclick=””和onsubmit=”” （在各自的元素上）绑定标记中的任何处理程序并使用jQuery重新绑定它们（因此它们在我的后面执行），然后将属性设置为null 重新绑定他们的处理程序（从步骤1开始），以便它们最后执行 实际上，这在我自己的测试中非常有效，所以我的事件处理程序首先触发（必要）。 问题和我的问题： 我的处理程序首先触发，就像预期的那样（到目前为止）。 问题是我的处理程序是异步的，所以我必须禁止（preventDefault / stopPropagation / etc）表单submit或提交按钮click事件，该事件调用它…直到API请求完成。 然后，当API请求返回时，一切都是A-OK，我需要自动重新调用表单提交。 但是由于我上面的观察，我如何确保所有事件处理程序都被触发，就像它是一个自然forms提交一样？ 获取所有事件处理程序的最简洁方法是什么，首先放入我的事件，然后重新调用表单提交，以便以正确的顺序调用所有内容？ $(‘form’).submit()和$(‘form’)[0].submit()之间有什么区别（如果有的话$(‘form’)[0].submit() ？ （和$(‘[type=submit]’).click()和$(‘[type=submit]’)[0].click() ） […]

刷新Ajax成功的数据表

我正在使用datatables和jquery对话框。 总的来说，我有3个表格和3个数据表。 我的脚本工作得很好，但我正在努力的事情就是在ajax save成功时更新正确的数据表（它甚至不必是正确的相应表，它可以更新3个表单保存中的任何3个表。 ） 任何指导将不胜感激。 带有按钮的页面，用于在对话框中显示数据表/表单 Academic Business/Suppport Managers/Divisions Add Managers/Divisions Add Academic Add Business/Suppport Academic Entitlements Year Employee Division Contract Entitlement Line Manager Loading data from server Business & Manual Entitlements Year Employee FT/PT Weekly Hours Division Commencement Entitlement Line Manager Loading data from server Line Managers & Divisions Division Name Line Manager […]

jQuery Validation Plugin：如何强制validation以前有效的字段？

我正在使用jQuery Validation插件来validation表单。 您知道如何在以前成功的字段上强制重新validation吗？ 我使用以下检查尝试了.form函数（这是在用户点击’submit’后执行的）： if ($(‘#form1′).validate().form()==false) { formValid = false; } 但是，似乎上面的代码不会重试validation，因此不会再次检查已成功validation的字段（即在它们旁边打勾）。 想要在以前成功的字段上重试重新validation的原因是它们依赖于远程validation，并且结果（成功或失败）可以在离开字段的用户和单击提交之间发生变化。 （这适用于’用户名’字段）。 如果它影响答案我有多个表单要validation（为简单起见，在上面的代码片段中我只引用’＃form1’）。 提前感谢任何建议， 抢

如何将Bootstrap中的按钮组转换为表单的无线电输入？

我有以下HTML使用Bootstrap创建一个单选按钮组。 Submit 根据用户选择，我想从名为“rating”的无线电组中发送表格中的变量，并将值分配给所选按钮的值。 我将如何在jQuery中执行此操作？

Twitter Bootstrap 2模态表单对话框

我有以下对话框forms： × Add Tags 和他的JS： // 当我点击x，这是× ，表单关闭，让我留在当前页面上，而我想继续浏览hamepage。 另外“添加标签”按钮，即 什么都不做，点击键盘上的jaust ENTER完成工作，我想点击“添加标签”也是这样做的。 我对JS和前端编程不是很熟练，所以欢迎任何帮助。

Malsup的jQuery表单插件和JSF 2.2

是否有可能使用Malsup的插件上传文件，如使用JSF 2.2这样的例子，所以我可以使用它的进度条？ 在html表单上，它似乎解决了的’name’属性，在示例中所有3都是“myfile []”。 不幸的是，它在jsf中的等价物是 ，它没有name属性。 好吧， 可以有一个id，然后它的名称在生成的html中具有相同的值，但由于id是唯一的，因此它们的名称也是如此。 问题是，我不知道名称如何影响插件如何处理具有多个输入的提交。 这就是让我首先思考的原因。 同样的“无名属性”适用于 ，但它并没有那么糟糕，因为我总共只有一个表单，因此我可以给它一个名称的id。 它也没有动作，这似乎是插件使用的，但是我可以通过克服它，虽然我不知道是否可以用插件。 至少在这个例子中，它看起来不错。 我已经玩了几天了这个插件，但我想是时候要求解释了。 有人可以对这些观点有所了解吗？ 如果jsf可以实现，那么示例的forms怎么样？ 请记住，我的最终目标是尝试插件的进度条。 充分设置这些输入只是实现这一目标的一种手段。

event.preventDefault（）在Chrome和Opera中不起作用

我正在使用jQuery Validation Plugin 1.9.0和jQuery 1.7.2。 我想用jqueryvalidation插件validation我的表单。 它在Firefox 20.0.1和IE 10中运行良好。但在Chrome（26.0.1410.64米）和Opera（12.14）中，我无法在不阻止validation的情况下单击取消。 这是我的javascript代码： submitHandler: function(form) { if (this.submitButton.value != ‘cancel’) { $(form).hide(); $(‘#load’).show(); $(form).submit(); } else { event.preventDefault(); } } 当我点击FF和IE上的取消时，我会按预期返回到我的网页主页，但是当我在Chrome和Opera中执行此操作时，我会显示错误消息，因为表单未完整填写。 在这两种情况下都调用了event.preventDefault（），但似乎行为因导航器而异。 你知道什么可能是错的吗？ 谢谢你的帮助 ！

jQuery插件冲突 – 请协助

目的是显示一个表单，该表单将使用结果更新页面上的div 加载此[ 页 ] 单击链接以显示表单 提交表格 提交时，如果表单已隐藏，结果不会显示在div中。 在添加下面答案中建议的代码后，我显示表单，它被提交，但数据没有出现在div中我将ajaxForm作为目标 [ here ]是在div中显示结果的相同forms 谢谢