做搜索功能的時(shí)候,經(jīng)常遇到輸入框檢查的需求,最常見(jiàn)的是即時(shí)搜索,今天好好小結(jié)一下。
即時(shí)搜索的方案:
(1)change事件 觸發(fā)事件必須滿足兩個(gè)條件:
propertychange,只要當(dāng)前對(duì)象屬性發(fā)生改變。
下面我們用jquery 來(lái)實(shí)現(xiàn)input 等同于placeholder 這個(gè)屬性的效果
<div class="enterprise-list">
<label>銀行卡號(hào):</label>
<input type="text" placeholder="請(qǐng)輸入16或19位銀行卡號(hào)" class="enterprise-inp" id="cartInput">
</div>
<script>
$(function () {
$("#cartInput").bind('input propertychange',function () {
var text = $("#cartInput").val();
text = text.replace(/[^\d]/g,'');
console.log(text)
})
})
</script>
<input type="text" v-model="bankcard" class="enterprise-inp" v-on:input="cartInput">
cartInput:function () {
this.bankcard=this.bankcard.replace(/[^\d]/g,'');
console.log(this.bankcard)
},