【问题标题】:jQuery html form not identifying the live elementsjQuery html表单无法识别活动元素
【发布时间】:2014-08-21 19:54:15
【问题描述】:

我有一个 html 表单,我需要提交到服务器,但在我需要验证表单之前,我几乎没有需要在表单提交事件中捕获的动态下拉列表,但所有其他字段都得到验证和循环不识别实时下拉菜单。

我已经尝试在其他循环中捕获实时字段,但徒劳无功。

我以前从未遇到过这个问题,我已经抓住了偶数

jQuery(document).on( "submit", "#adminForm", function(){} );

这是造成这个问题的原因吗?

【问题讨论】:

  • 如果你能把你的代码放在这里,那就太好了!
  • 你能做到JSFiddle吗?
  • jQuery(document).on('submit','#adminForm',function(event){ ===================== ======================================= 下面我做循环,所有的控件都有。表单控制类,那些动态生成的下拉菜单也有这个类,但是这个循环不会验证它们============================ =============================== jQuery('.form-control').each(function(){
  • 如何在评论中使用linebrakes? :(

标签: php jquery html forms validation


【解决方案1】:
jQuery("#adminForm").submit(function (event) {
    jQuery("input[type='text'], select, textarea").each(function (i) {
        if (jQuery(this).val() == "") {
            alert("This field is required: " + $(this).attr("name"));
        }
    });
});

这可能会给你一些指导。

jsFiddle:http://jsfiddle.net/4wmjv0re/1/

【讨论】:

  • 您的下拉菜单是动态创建的吗?没有
  • 如我所说,指导。您没有发布任何代码。以上应该在大多数情况下工作。您说动态,它们是填充在服务器端还是客户端,您是否在代码中遇到任何错误?您的问题中没有足够的信息给您一个准确的答案。
  • 使用萤火虫,并检查你动态创建的下拉菜单实际上有.form-control 类。
  • 是的,我已经检查了出现在萤火虫中的类名,它们是在服务器端填充的。控制台中也没有错误。
  • 我想把代码贴在这里,但是如何在评论中使用线刹车?
【解决方案2】:

将它与 jquery 的 live() 一起使用:

jQuery("#adminForm").on( "submit", function(){} );

【讨论】:

  • 这取决于您使用的 jquery 版本。以相同的方式尝试使用 on()。而且,您能否在您遇到问题的地方发布完整的 sn-p。会很棒..!!
猜你喜欢
  • 1970-01-01
  • 2014-12-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多