2017-03-04 134 views
-1

我試圖通過使用重置按鈕清除所有驗證錯誤來重置引導窗體,但沒有成功。我已經使用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> 

我希望用裏面的「形式」的復位按鈕復位錯誤從引導驗證插件生成。

+1

你到目前爲止試過了什麼? –

+0

@ T-Heron我在上面的代碼片段中發佈了我的查詢。 –

回答

0

如果您正在使用jQuery驗證插件,那麼試試這個:

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

將這個代碼復位按鈕的點擊塊內,它會重置所有錯誤消息。

Reference