javascript - 重置表单/从 jQuery 验证中删除错误类

Question

我有一个使用 jQuery 验证方法的联系表单。当用户点击“重置”按钮时，孔接触形式应进入初始状态。

这是按钮的样子:

<form class="form" method="post" action="" name="contact" id="contact">
  <button type="button" id="cancel" class="btn btn-danger btn-lg">Reset</button>
</form>

我的“$(document).ready-function”中的 JS 代码是:

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

问题:错误文本和输入字段将被删除。但红色边框(.has-error)或绿色边框(.has-success)不会被删除。

我已经为你创建了一个 JSFiddle:

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

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

一个按钮被声明为 type=submit 另一个是 type=button:

<button type="button" id="cancel" class="btn btn-danger btn-lg">Reset 1</button> 
<button type="reset" id="cancel2" class="btn btn-danger btn-lg">Reset 2</button>

Answer 1

Your Updated Fiddle

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()
  });