鍍金池/ 問答/HTML/ 兩個input輸入框,a框?yàn)閙ax,b框?yàn)閙in,b框輸入的值不能大于a框,同理

兩個input輸入框,a框?yàn)閙ax,b框?yàn)閙in,b框輸入的值不能大于a框,同理a框輸入的值不能小于b框,有什么好的方法?

<input type="text" v-model="input_max"></input> //max
<input type="text" v-model="input_min"></input> //min

回答
編輯回答
六扇門

change事件,你input_max 和input_min 都能拿到,不管哪個input輸入值發(fā)生改變時,你都可以進(jìn)行比較,發(fā)現(xiàn)不合法輸入時,進(jìn)行個動作,提示或者清空什么的都可以

2018年8月31日 03:44
編輯回答
孤酒

首先從 提供的代碼中猜測:

使用框架 Vue, 數(shù)據(jù)的雙向綁定 (另疑問 小寫的input 為啥是個 雙標(biāo)簽, 編輯器不會報錯)

input輸入框是存在 change 事件 的,在Vue中 為 @change 事件, 通過監(jiān)聽change 事件比對 兩個值(input_max,input_min) 大小即可

2017年10月8日 04:44