通用的JS表单印证
日期：2014-05-16 浏览次数：20335 次
????? 在做web开发时，免不了要对表单信息进行JS验证，如果每次开发都自己写一套验证程序，成本就太高了。一来现在做程序都讲究效率，如果你还在纠结于一个表单验证，那就太费时间了。所以这里有一份通知的表单验证，另附一份使用说明，这样大家在做项目时，就可以拿来就用了，不用再纠结于这个小问题了。
?????这份JS验证包括了对 空值、数字、汉字、最小长度、最大长度、手机、电话、传真、邮件、邮编、身份证号等验证。还包括一些对 全选按钮、时间格式、及开始-结束时间等验证等都包含进来了。
????下面是使用说明样例：
?
? 下面这份是JS文件，common.js<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<form name="fm" action="" method="post" onsubmit="return validateForm(this)">
<table width="100%" class="default">
<tr>
<td align="right"><b>传真<b></td>
<td>
<input type="textfield" name="examName" emptyInfo="请输入传真" size="30" faxValidatorInfo="请输入正确的传真">
</td>
</tr>
<tr>
<td align="right"><b>邮编<b></td>
<td>
<input type="textfield" name="examName" emptyInfo="请输入邮编" size="30" postValidatorInfo="请输入正确的邮编">
</td>
</tr>
<tr>
<td align="right"><b>电话<b></td>
<td>
<input type="textfield" name="examName" emptyInfo="请输入电话" size="30" telValidatorInfo="请输入正确的电话">
</td>
</tr>
<tr>
<td align="right"><b>手机<b></td>
<td>
<input type="textfield" name="examName" emptyInfo="请输入手机" size="30" mobileValidatorInfo="请输入正确的手机">
</td>
</tr>
<tr>
<td align="right"><b>邮箱<b></td>
<td>
<input type="textfield" name="examName" emptyInfo="请输入邮箱" size="30" emailValidatorInfo="请输入正确的邮箱">
</td>
</tr>
<tr>
<td align="right"><b>名称<b></td>
<td>
<input type="textfield" name="examName" emptyInfo="请输入名称" size="30" maxLen="5" lengthInfo="最多不超过5个字符">
</td>
</tr>
<tr>
<td align="right"><b>地址<b></td>
<td>
<input type="textfield" name="examName" emptyInfo="请输入地址" size="30" minLen="5" lengthMinInfo="最小不少于5个字符">
</td>
</tr>
<tr>
<td align="right"><b>人数<b></td>
<td>
<input type="textfield" name="examName" emptyInfo="请输入人数" numberInfo="必须为数字" size="30" maxLen="10" lengthInfo="最多不超过40个字符">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" name="sumbit" value="确定" class="btn" >
<input name="reset" type="reset" class="btn" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>
?
//CheckBox全选
function selectAll(formName, cbName) {
var o = document
