当I'I’我没有使用提交按钮

jQuery validation errors are not shown when I'm not using a submit button

本文关键字:提交 按钮      更新时间:2023-09-26

查看这个jsbin。

我有一个带有自定义按钮的表单,它通过ajax提交(而不是真正的提交按钮)。我使用jquery验证来验证表单,并运行validate().checkForm()来验证它

我的问题是,当我这样做时,为什么不显示特定字段上的错误消息?当我使用标准的提交按钮时,它们看起来很好。

编辑:我的例子不包括ajax提交,只是假装它在那里。

因为validate正在侦听提交事件。

如果在单击事件中添加$("form").submit();,则会触发它。

http://jsbin.com/avuhed/edit#javascript,html,实时

Piggy根据@weezer的说法,您需要将表单提交事件与按钮单击相关联,还需要将其放入表单本身。现在它就在它的外面。为了将来的更新和理智,把它组合在一起会让你的生活更轻松。

jquery验证由标准表单提交触发。

您可能需要在自定义提交按钮上附加一个.click处理程序,如下所示:

    var isValid = $("#yourForm").valid();
                if(isValid) {
// Do stuff
    }

是的,我有,如果你放:

$("#submit").click(function() { 
    var isValid = $("#form").isValid(); 
    if(isValid) {  
      alert('test'); 
    } 
}); 

验证起作用,而不是在表单中移动自定义按钮。http://jsbin.com/ajeyot/9