jquery 封装的表单验证
if (this.containsWith == "-0") // 以nameValue结尾
$obj = $("input[name*='" + this.nameValue + "']");
if (this.containsWith == "1") // 以包含nameValue
$obj = $("input[name$='" + this.nameValue + "']");
if (this.containsWith == "2") // 以包含nameValue
$obj = $("input[name='" + this.nameValue + "']");
return $obj;
}
}
测试例子
function check(){
var config = Utils.checkInput.config({
nameValue:'email',
color:'red',
containsWith:'-1',
isFor:true,
isMust:true
});
if(config.checkEmail())
alert("email正确");
else
? ?alert("email错误");
var config2 = Utils.checkInput.config({
nameValue:'chinese',
color:'#0088A8',
containsWith:'-1',
isFor:true,
isMust:true
});
if(config.checkChinese())
alert("中文正确");
else
? ?alert("中文错误");
? ?
var config2 = Utils.checkInput.config({
nameValue:'idcard',
color:'#FF00FF',
containsWith:'-1',
isFor:true,
isMust:true
});
if(config.checkIdCard())
alert("身份证正确");
else
? ?alert("身份证错误"); ? ?
}
</script>
</HEAD>
<BODY >
<table>
<tr>
<td>
</td>
<td>
中文名字
</td>
<td>
身份证号
</td>
</tr>
<tr>
<td>
<input type="text" name="email" value="">
</td>
<td>
<input type="text" name="chinese" value="">
</td>
<td>
<input type="text" name="idcard" value="">
</td>
</tr>
<tr>
<td>
<input type="text" name="email1" value="">
</td>
<td>
<input type="text" name="chinese1" value="">
</td>
<td>
<input type="text" name="idcard1" value="">
</td>
</tr>
<tr>
<td>
<input type="text" name="email2" value="">
</td>
<td>
<input type="text" name="chinese2" value="">
</td>
<td>
<input type="text" name="idcard2" value="">
</td>
</tr>
<tr>
<td>
<input type="text" name="email3" value="">
</td>
<td>
<input type="text" name="chinese3" value="">
</td>
<td>
<input type="text" name="idcard3" value="">
</td>
</tr>
<tr>
<td>
<input type="button" value="验证" onclick="check();">
</td>
</tr>
</table>
?
?
如果觉得这些不够可以按照列子添加。
欢迎大家指出我这个菜鸟的不足啊！谢谢。