做搜索功能的时候,经常遇到输入框检查的需求,最常见的是即时搜索,今天好好小结一下。
即时搜索的方案:
(1)change事件 触发事件必须满足两个条件:
propertychange,只要当前对象属性发生改变。
下面我们用jquery 来实现input 等同于placeholder 这个属性的效果
<div class="enterprise-list">
<label>银行卡号:</label>
<input type="text" placeholder="请输入16或19位银行卡号" 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)
},