Question

bootstrap 表单验证FormValidation ajax提交后怎么恢复初始状态

图一是我进入此页面并刚刚填写，图2是我点击‘继续添加’后的结果，是ajax提交返回success并显示成功信息，并将表单清空，但是表单验证的效果仍然还在；图3是我希望点击提交后的状态！怎么做？





Answer 1

1. 继续添加, ajax 提交success的回调中清空表单后重置表单校验:

$(form).data('formValidation').resetForm();   // For FormValidation Plugin

或者

$(form).bootstrapValidator('resetForm'); // For BootstrapValidator Plugin

2. 提交如果是submit的话页面刷新也就没有这个问题,如果同样是ajax提交,同上

3. 如果不像每次都写这句话, 可以简单封装下, 比如你清空form的方法里加上重置校验

Answer 2

把代码发出来