单击后,在引导模式中重置表单验证

时间:2016-02-24 17:19:54

标签: jquery

即时通讯使用自定义表单验证脚本,一切正常,但我试图将其集成在引导模式的主体中。它大部分工作正常但只是重置表单验证的一个问题。

基本上,如果你在输入字段中键入它正确验证并且提交按钮变为可点击但是如果你点击重置按钮或者如果你点击模态,表单验证保持绿色/有效,因此提交仍然是可点击的

是否有重置表单验证以使其恢复到原始状态?

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

http://codepen.io/anon/pen/yemmLw

我尝试使用以下jquery来重置表单,但所有这一切都清除字段而不是字段验证

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

$('#addcontact')[0].reset();

1 个答案:

答案 0 :(得分:0)

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

$('.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);