在做系统时经常会用到数据校验,数据校验可以自己写,也可以用现在成的,现在记录下两种类库使用方法,
validator
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="<%=keywords%>">
<meta http-equiv="description" content="<%=description%>">
<META http-equiv="X-UA-Compatible" content="IE=10" >
<!--加载jquery类-->
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<script>
if (!window.jQuery) {
var script = document.createElement('script');
script.src = "js/jquery-1.7.1.min.js";
document.body.appendChild(script);
}
</script>
<!--加载样式,可不加-->
<link rel="stylesheet" href="validator-0.7.0/jquery.validator.css">
<!--加载validator类-->
<script type="text/javascript" src="validator-0.7.0/jquery.validator.js"></script>
<script type="text/javascript" src="validator-0.7.0/local/zh_CN.js"></script>
</head>
<body style="background:#fff;">
<form role="form" action="user/updatesUser" enctype="multipart/form-data" method="post" validate="true" >
<input type="text" id="a" data-rule="required"/><br/>
<input type="text" id="b" data-rule="required ID_card"/><br/>
<input type="text" id="c" data-rule="required"/><br/>
<input type="text" id="d" data-rule="required email"/><br/>
<input type="text" id="e" data-rule="tel"/><br/>
<input type="text" id="f" data-rule="doubles"/><br/>
<input type="text" id="g" data-rule="digits"/><br/>
<input type="submit"/>
</form>
</body>
</html>
用data-rule设置数据校验的格式,
如要加新的校验类型只要在 zh_CN.js文件中添加正则表达式即可。
如下(部分代码)
rules: {
digits: [/^\d+$/, "请输入整数数字"]
,doubles:[/^[0-9]*[.]{0,1}[0-9]*$/,"请输入数字"]
,positiveinteger:[/^[1-9][0-9]*$/,"请输入正整数"]
,letters: [/^[a-z]+$/i, "{0}只能输入字母"]
,tel: [/^(?:(?:1