使用jQuery验证和引导确认插件进行表单验证

时间:2016-11-25 02:24:31

标签: javascript jquery html twitter-bootstrap jquery-validate

我有一个使用jQuery验证插件验证的表单。我在提交按钮上添加了引导确认。一切都运行正常,除了我希望当表单不再有任何错误时,引导确认会出现在提交按钮上。

我试过这样做:

HTML code:

<button type="submit" class="btn" id="submit_button" data-toggle="confirmation"data-popout="true">Submit</button>

jQuery代码:

$("#submit_button").on('click', function(){
    if($('#form').valid()) {
        $(this).trigger("confirmation");
    }
});

但它没有做任何事情。我应该在jQuery验证中使用submitHandler吗?或者这不仅仅是可能的吗?

1 个答案:

答案 0 :(得分:0)

  

我应该在jQuery验证中使用submitHandler吗?

是的,当然。

使用submitHandler进行此操作。 As per documentation,只有在表单有效时才触发,因此无需测试表单的有效性或使用其他click处理程序。

$('#form').validate({
    // options, etc.
    submitHandler: function(form) { // fires when valid (and on button click)
        $("#selector").trigger("confirmation");
    }
});