先上效果图:
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('工号已存在');
}
});
}