【问题标题】:Jquery unobstrusive validation not working with submit event on jqueryJquery不显眼的验证不适用于jquery上的提交事件
【发布时间】:2015-12-29 07:22:44
【问题描述】:

我在 MVC 中的一个项目中工作,但我在 jquery 验证方面遇到了问题。我有这个用于在 jquery 上提交的事件处理程序,因为我打算在它上面使用 ajax。

 $("#form-cart").on("submit",function(e){

                     // codes
                    });

但是情况是这样的,即使输入无效,它仍然会进入匿名函数内部。表单位于模态框内。但是我在某处看到了一些代码并尝试了它。

 $("#MyModal").on("submit","#form-cart",function (e){
            //codes
});

令人惊讶的是它的工作原理,当输入无效时它不会进入匿名函数。但是,是的,这就是问题所在。据我了解,如果第二个有效,第一个也应该有效,但没有。有人可以告诉我原因吗?它真的让我感到窒息......谢谢。

【问题讨论】:

  • 您的表单是动态创建的,因此您需要使用第二个选项才能使其正常工作。看看这个stackoverflow.com/questions/15090942/…
  • 所以只要是动态创建的,而且即使事件绑定器在表单已经创建的底部,第一个选项也行不通?
  • 如果表单是在 DOM 中加载文档后创建的,第一个选项将不起作用,所以我觉得你是对的!
  • 第一个选项有效,只有验证无效。这是我最大的担忧..
  • 表单中的输入控件是动态加载的吗?

标签: javascript jquery asp.net-mvc unobtrusive-validation


【解决方案1】:

我建议你使用body点击事件:

这里是例子:

$("body").on("submit","#form-cart",function (e){
            //codes
});

【讨论】:

    猜你喜欢
    • 2013-09-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多