why520crazy / angular-w5c-validator

a simple plugin for angular.js form validation
http://why520crazy.github.io/angular-w5c-validator
468 stars 162 forks source link

请教模态框中的验证 #86

Closed 411805576 closed 5 years ago

411805576 commented 7 years ago

模态框中的验证错误后,我重新打开模态框,之前的错误提示还在,怎样处理才能清除掉?

why520crazy commented 7 years ago

错误信息是挂载在 form 表单上的,如果表单在模态框中 是不应该出现这种情况的,可以给个示例代码看看

重置表单有个 reset 方法

411805576 commented 7 years ago

使用reset重置表单确实解决了,但是ui-select2 `这个控件验证没有提示,我在下拉框上面写了一个普通的select进行验证,点击普通的select验证提示是正常的,点击ui-select2联动普通的select却没效果了。

<div>
                            <select ng-model="data.campus.id" name="select"
                                    ng-options="item.id as item.name for item in campusList" required>
                                <option value="">-- 请选择 --</option>
                            </select>
                        </div>
                        <div class="col-md-12">
                            <select id="campusSelect" ui-select2="select2Options" style="width: 100%;"
                                    class="form-control" ng-model="data.campus.id"
                                    ng-options="item.id as item.name for item in campusList">
                                <option value="">-- 请选择 --</option>
                            </select>
                        </div>
why520crazy commented 5 years ago

在 Angular.js 1.x 中自定义的组件使用 ng-model 是无法触发表单验证的,可以通过一个隐藏的原生select元素实现验证,然后通过在 ui-select 上设置样式,可以参考:https://zhuanlan.zhihu.com/p/51467181 文章

很抱歉过了这么久才回复你,如果你已经升级到了 Angular 2+,推荐使用我最近加的验证 https://github.com/why520crazy/ngx-validator

当然 Angular 2+ 中自定义的组件是支持表单验证的