从jQueryvalidation重置表单/删除错误类

我有一个jQueryvalidation方法的联系表单。 当用户点击“重置”按钮时，孔接触forms应该进入初始状态。

这是按钮看起来像：

 Reset  

我的“$（document）.ready-function”中的JS-Code是：

 $('#cancel').on('click', function () { $("#contact").validate().resetForm(); $("#contact").removeClass("has-error"); }); 

问题：将删除错误文本和输入字段。 但是不会删除红色边框（.has-error）或绿色边框（.has-success）。

我为你创建了一个JSFiddle：

http://jsfiddle.net/bBc8c/1/

一个按钮清除输入文本，另一个是删除错误消息。 我需要一个按钮来重置（文本，错误消息）和主要问题，来自has- *类的红色边框。

一个Button被声明为type = submit另一个是type = button：

 Reset 1 Reset 2 

Answer 1

对于bootstrapvalidator，当通过bootstrap模式显示表单时，这可能很有用，

 $("#editModal").on('hidden.bs.modal', function () { //Removing the error elements from the from-group $('.form-group').removeClass('has-error has-feedback'); $('.form-group').find('small.help-block').hide(); $('.form-group').find('i.form-control-feedback').hide(); }); 

Answer 2

你更新的小提琴

JS更新

  $('#cancel').on('click', function () { $("#contact").validate().resetForm(); $("#contact").find('.has-error').removeClass("has-error"); $("#contact").find('.has-success').removeClass("has-success"); $('#contact').find('.form-control-feedback').remove() }); 

Answer 3

我只需使用输入[type =“reset”]重置表单（不需要jQuery）

Answer 4

我为你创建了一个JSFiddle：

http://jsfiddle.net/bBc8c/1/

一个按钮清除输入文本，另一个是删除错误消息。 我需要一个按钮来重置（文本，错误消息）和主要问题，来自has- *类的红色边框。

一个Button被声明为type = submit另一个是type = button：

 Reset 1 Reset 2 

问候