引导窗体使用重置按钮清除错误清除

问题描述：

我试图通过使用重置按钮清除所有验证错误来重置引导窗体，但没有成功。我已经使用formValidation插件。引导窗体使用重置按钮清除错误清除

<script type="text/javascript"> 
$(document).ready(function(){ 
var validator = $('#forms').bootstrapValidator({ 
fields : { 
//all validation for form-flields done here 
    }); 
}); 
</script>

这是我的HTML表单代码片段：

<form id="forms" method="post" class="form-horizontal" action="#"> 
<div class="form-group"> 
<label for="firtsname" class="col-md-2 control-label">First Name:</label> 
           <div class="col-md-4 inputGroupContainer"> 
            <div class="input-group"> 
              <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> 
             <input type="text" class="form-control" id="firstname" name="firstname" maxlength="35" placeholder="Enter First Name" required autofocus> 
            </div> 
           </div> 
         </div>

有6个不同的表单字段。第6组包含的按钮，这是这样的：

<div class="form-group"> 
          <div class="col-md-6 col-md-offset-2"> 
           <button type="submit" id="submit" class="btn btn-default">Submit</button> 
           <button type="reset" id="reset" class="btn btn-default">Reset</button> 
          </div> 
         </div> 
       </form>

我希望用里面的“形式”的复位按钮复位错误从引导验证插件生成。

你到目前为止试过了什么？ –

@ T-Heron我在上面的代码片段中发布了我的查询。 –

答

如果您正在使用jQuery验证插件，那么试试这个：

var validator = $("#myform").validate(); 
validator.resetForm();

将这个代码复位按钮的点击块内，它会重置所有错误消息。

Reference

引导窗体使用重置按钮清除错误清除

相关推荐