Jquery 单击“退出”后在引导模式中重置表单验证

Jquery 单击“退出”后在引导模式中重置表单验证,jquery,Jquery,我使用一个自定义表单验证脚本,一切正常,但我试图将其集成到引导模式的主体中。它基本上可以正常工作,但只是重置表单验证的一个问题 基本上,如果您在输入字段内键入,表单验证将正确验证,提交按钮将变为可单击,但如果您单击重置按钮或单击模式外,表单验证将保持绿色/有效,因此提交仍然可以单击 是否需要重置表单验证以使其返回原始状态 以下是供您审查的工作示例: 我尝试使用下面的jquery重置表单,但所做的只是清除字段,而不是字段验证 $("#addcontact").trigger( "reset" )

我使用一个自定义表单验证脚本,一切正常,但我试图将其集成到引导模式的主体中。它基本上可以正常工作,但只是重置表单验证的一个问题

基本上,如果您在输入字段内键入,表单验证将正确验证,提交按钮将变为可单击,但如果您单击重置按钮或单击模式外,表单验证将保持绿色/有效,因此提交仍然可以单击

是否需要重置表单验证以使其返回原始状态

以下是供您审查的工作示例:

我尝试使用下面的jquery重置表单,但所做的只是清除字段,而不是字段验证

$("#addcontact").trigger( "reset" );


我通过手动更改跨度类并在单击重置按钮或调用模式显示时禁用提交按钮来解决此问题:

$('.input-group span.glyphicon').removeClass('glyphicon-ok').addClass('glyphicon-remove');
$('.input-group span.input-group-addon').removeClass('success').addClass('danger');

$('#addcontact').find("button[type='submit']").prop('disabled',true);
$('.input-group span.glyphicon').removeClass('glyphicon-ok').addClass('glyphicon-remove');
$('.input-group span.input-group-addon').removeClass('success').addClass('danger');

$('#addcontact').find("button[type='submit']").prop('disabled',true);