ng 两个input框关联校验

图片描述

<input name="min" type="text"  ng-model="dataModel.propertyInfo.min" 
    placeholder="最小值" number-range-validator value-type="min" 
    value-max="{{dataModel.propertyInfo.max}}"/>
    
<input name="max"  ng-model="dataModel.propertyInfo.max" 
    placeholder="最大值" number-range-validator
    value-type="max" value-min="{{dataModel.propertyInfo.min}}" 
    value-max="{{dataModel.propertyInfo.max}}"/>

这两个input输入的时候目前可以通过number-range-validator实现关联校验,但是存在一个bug 就是当【input[name="max"】输入小于input[name="min"】之后max变为脏值,此时去修改min的值使他小于max,并不会重新对max进行校验,max还是脏值

请问有什么解决方法?

阅读 2.6k
1 个回答

可以在input[name="max"]输入后blur时加个判断,如果输入小于input[name="min"]就清空或设定默认值,提示用户重新输入。同理在input[name="min"]输入后blur时加个判断,如果输入大于input[name="max"]时也清空或设定默认值,提示用户重新输入。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进