1000hz bootstrap-validator resetForm 验证结果

1000hz bootstrap-validator resetForm Validation results

我正在使用 Validator.js、

的 v-0.9.0 版本

我使用了下面的代码,

$('#frmNew')[0].reset()
$('#frmNew').validator('destroy').validator()

当我使用 resetForm 时,验证符号和颜色 [红色和绿色] 仍然存在于屏幕中。

这是 1000hz bootstrap-validator 中的一个已知问题,尚无适当的修复,可以在 github

上查看此问题 Destroy method doesnt remove icons

可能的解决方案是在 resetdestroy 表单中添加以下代码并删除 errorsuccess 类.

this.$element.find('.has-error').removeClass('has-error')

var $feedback = this.$element.find('.form-control-feedback')
$feedback.removeClass('glyphicon-warning-sign').removeClass('glyphicon-remove')

this.$element.find('.has-success').removeClass('has-success')

var $feedback = this.$element.find('.form-control-feedback')
$feedback.removeClass('glyphicon-warning-sign').removeClass('glyphicon-ok')

建议

使用 this BootstrapValidator 验证插件,它提供了更多的控制来验证表单字段,旨在与 Bootstrap 3 一起使用并且不会面临这些类型的问题和错误。