<form action="........" id="form"></form>
<input type="text" name="name" class="name" id="name">
jquery方法验证
var $form=$("form#form");
//监听input框(失去焦点,按键)
$form.on("blur,keydown","input",function(){
var id=$(this).attr("id");
delayRun(name, function () {
checkFormItem(id);
});
});
//延时方法
function delayRun(taskname,callback){
stopDelayRun(taskname);
delayTimers[taskname]=setTimeout(callback, 500);
}
//
var delayTimers = {};
function stopDelayRun(taskname){
if(delayTimers[taskname]){
clearTimeout(delayTimers[taskname]);
delayTimers[taskname]=null;
}
}
//验证方法
checkFormItem(id){
var val=$('#'+id).val();
switch(id){
case "name":
var name = val;
if (!name) {
setCheckResult(id, '昵称不能为空');
}
else if (name.indexOf(' ') != -1) {
setCheckResult(id, '昵称不允许包含空格');
} else {
check(id, name);
}
break;
}
case "password":
..........
}