Javascript 验证失败时禁用按钮

我有一个表单有一个提交按钮， 我想禁用提交按钮，直到所有验证都为真

当前，当一个验证为真时，按钮将启用。（甚至其他字段也显示红色错误消息。）

$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
$（“#付款单”）.formValidation({
框架：“bootstrap”，
触发器：“更改”，
字段：{
姓名：{
验证器：{
注意：{
消息：“名字字段是必需的，不能为空”
}
//regexp:{
//regexp://^[a-z\\s]+$/i，
//消息：“名字字段只能由字母字符和空格组成”
// }
}
},
姓氏：{
验证器：{
注意：{
消息：“姓氏是必需的，不能为空”
}
//regexp:{
//regexp://^[a-z\\s]+$/i，
//消息：“姓氏只能由字母字符和空格组成”
// }
}
},
}
});
}).on（'success.form.fv'，函数（e）{
$（'continue_btn'）.attr（'disabled'，'false'）；
e、 预防默认值（）；
});
var i=0；
var l=0；
$（'邮政编码'）.keydown（函数（）
{
var country_check=$（'#country'）.val（）；
如果（国家/地区=印度）
{
$（'邮政编码'）.attr（'maxlength'，'6'）；
}
其他的
{
$（'邮政编码'）.attr（'maxlength'，'10'）；
}
});

---

如何做到这一点

在formValidation中设置以下属性，如下所示，您可以在表单设置中看到：

---

您可以在提交按钮上使用

切换

$('button[data-toggle]').on('click', function() {
    var $target = $($(this).attr('data-toggle'));
    $target.toggle();
    if (!$target.is(':visible')) {                         
        $('#payment-form').data('formValidation').disableSubmitButtons(false);
    }
});

---

我认为问题在于如何捕获所有字段是否有效或任何字段是否有效的事件invalid@JigarJoshi是的，但是如何在文档加载后立即验证输入？或者在触发提交事件之前。这将在首次尝试提交后禁用按钮，并将保持禁用状态，直到所有输入有效。

$('#data_form').formValidation({
...
   button: {
       selector: "#id_submit_btn",
       disabled: "disabled"
   }
....
});

$('button[data-toggle]').on('click', function() {
    var $target = $($(this).attr('data-toggle'));
    $target.toggle();
    if (!$target.is(':visible')) {                         
        $('#payment-form').data('formValidation').disableSubmitButtons(false);
    }
});