首先要添加require=”req” valid-type=”需要验证的”
<ul class="forminfo">
<li><label>姓名<b>*</b></label><input name="staff_name" class="dfinput" value="" type="text" require="req" valid-type="normal"><label></label></li>
<li><label>工号<b>*</b></label><input name="user_id" class="dfinput" value="" type="text"></li>
<li><label>密码<b>*</b></label><input name="password" class="dfinput" value="" type="text" require="req" valid-type="pwd" style="width: 202px;"><label></label></li>
<li><label>手机号码<b>*</b></label><input name="phone" class="dfinput" value="" type="text" require="req" valid-type="mobi"><label></label></li>
<li><label>联系地址<b>*</b></label><input name="addr" class="dfinput" value="" type="text" require="req" valid-type="addr"><label></label></li>
</ul>
底部加一个script
$("#submit").click(function(){
var ret=true;
$("input[require=req]").each(function () { //需要验证的input
ret=$(this).VALID()?ret:false;
});
外部引用的script
;$.fn.extend({
VALID:function(){
var tipstr="";
var vStr=$(this).val();
var ret=false;
switch($(this).attr("valid-type")) {
case "int":
ret=(/^[0-9]{1,12}$/g).test(vStr);
tipstr=ret?(''):("请输入1-12位数码!");
break;
case "mobi":
ret=(/^(1[3|5|8])\d{9}$/g).test(vStr);
tipstr=ret?(''):("请输入有效手机号码!");
break;
case "phone":
ret=(/^[0-9]{3,4}[-]{0,1}[0-9]{7,8}$/g).test(vStr);
tipstr=ret?(''):("请输入有效电话号码!");
break;
case "normal":
ret=(/^\w+$/g).test(vStr);
tipstr=ret?(''):("请输入内容!");
break;
case "email":
ret=(/^[\w\.]+@[a-z0-9-]+\.[a-z]{2,4}(\.[a-z]{2,4})*$/gi).test(vStr);
tipstr=ret?(''):("请输入有效的邮箱地址!");
break;
case "addr":
ret=(/^[\w]{6,}$/gi).test(vStr);
tipstr=ret?(''):("请输入6位以上长度地址!");
break;
case "pwd":
ret=(/^[\w]{6,16}$/gi).test(vStr);
tipstr=ret?(''):("请输入6~16位密码!");
break;
default:
}
$(this).next('label').html(tipstr);
return ret;
}
});