在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ ng 兩個(gè)input框關(guān)聯(lián)校驗(yàn)

ng 兩個(gè)input框關(guān)聯(lián)校驗(yàn)

圖片描述

<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}}"/>

這兩個(gè)input輸入的時(shí)候目前可以通過number-range-validator實(shí)現(xiàn)關(guān)聯(lián)校驗(yàn)，但是存在一個(gè)bug 就是當(dāng)【input[name="max"】輸入小于input[name="min"】之后max變?yōu)榕K值，此時(shí)去修改min的值使他小于max，并不會(huì)重新對(duì)max進(jìn)行校驗(yàn)，max還是臟值

請(qǐng)問有什么解決方法？

回答
編輯回答
初心

可以在input[name="max"]輸入后blur時(shí)加個(gè)判斷，如果輸入小于input[name="min"]就清空或設(shè)定默認(rèn)值，提示用戶重新輸入。同理在input[name="min"]輸入后blur時(shí)加個(gè)判斷，如果輸入大于input[name="max"]時(shí)也清空或設(shè)定默認(rèn)值，提示用戶重新輸入。

2018年2月15日 19:26