先上效果图:
input框,用户输入值的方式就两种,一种是键盘输入,一种是鼠标粘贴。onkeyup事件可以在键盘输入的时候绑定事件,onpaste="return false"
,设置不允许粘贴。
onkeyup进行表单验证的优点是当键盘有值输入的时候,就可以实时进行验证。
页面部分:
<input id="id_card" type="text" class="form-control" onkeyup="check_card(this.value)" onpaste="return false" style="width: 75%;" name="id_card" placeholder="唯一编号/工号" >
JavaScript部分:
function check_card(x) {var id_card = x;$.getJSON('/admin/employee/check_card', {'id_card' : id_card}, function(res){if(res.code == 1){$('#card').text('');}else{//工号已存在$('#card').text('工号已存在');}});
}