Question

我正在尝试通过使用重置按钮清除所有验证错误来重置引导程序表单，但是没有成功。我使用了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>

我希望使用＆＃34;表格中的重置按钮＆＃34;重置bootstrap验证器插件生成的错误。

Answer 1

如果您使用的是Jquery Validation插件，请尝试以下操作：

function uploadPetData(petName, petAge, petType) {

    var urlString ="Pet_Name="+petName+"&Pet_Age="+petAge+"&Pet_Type="+petType;
    $.ajax({
        type: 'POST',
        url: 'http://example.com/test.php',
        crossDomain: true,
        data : urlString,   
        contentType:contentType,   
        success: function(responseData, textStatus, jqXHR) {
            var value = responseData.someKey;
        }
    });
}

将此代码放入重置按钮的单击块内，它将重置所有错误消息。

Reference

Bootstrap formValidation错误清除使用重置按钮

1 个答案: