重置 JQuery 表单验证答案

【问题标题】：Reset JQuery Form Validation重置 JQuery 表单验证
【发布时间】：2015-08-04 12:28:53
【问题描述】：

我在通过模态弹出的类别表单填写上使用了 Jquery 表单验证。当用户将表单设为空白并点击保存时；触发 JQuery 验证错误。

现在，如果用户关闭此模式（不是页面刷新）并再次打开该模式，这些错误已经存在。我需要清除它。

<div id="addcategory"  class="modal fade">
                    <div class="modal-dialog new-modal-dialog">
                        <div class="modal-content">
                            <!-- dialog body -->
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title">Add New Category</h4>
                            </div>
                            <?php echo form_open(base_url('admin/business/addNewCat'), array('class' => 'form_add_new_cat')); ?>
                            <div class="modal-body alert-message">
                                <div class="row">
                                    <div class="col-md-3">
                                        Category Name:
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                        <input type="text" name='add_new_catname' 
                                                                 class="add_new_catname form-control" 
                                                                 placeholder="Enter New Category Name" value="" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- dialog buttons -->
                            <div class="modal-footer"> 
                                <button type="submit" class="btn btn-success btn_add_new_cat">Save</button>
                                <button type="button" class="btn btn-default no" data-dismiss="modal" >Cancel</button>
                            </div>  
                            <?php echo form_close(); ?>
                        </div>
                    </div>
                </div>

怎么做？

【问题讨论】：

请提供mcve 示例。

标签： jquery css jquery-validate

【解决方案1】：

有一种内置方法可以让您取消验证错误。对于您的示例，代码类似于：

$form = $('.form_add_new_cat');
$validator = $form.validate(); //init validator

$validator.resetForm();
$form.find('.control-group').removeClass('.error'); //bootstrap 3 support

Reference here

【讨论】：

【解决方案2】：

我是这样解决的：

<button type="button" class="btn btn-default no" data-dismiss="modal" onclick="$('.has-error').children('p').remove('p'); $('.has-error').removeClass('has-error')">Cancel</button>

【讨论】：

【解决方案3】：

use this --

http://jsfiddle.net/5LCSU/

它将删除所有文本，并且验证它将在不刷新页面的情况下工作..

【讨论】：

此代码仅重置表单输入，没关系；但我也删除了带有'.has-error' 类的错误消息