正则验证（注释的偷懒了。。，有些测试没有去掉你懂得） -

zjh1n795

浏览: 10112 次

最近访客更多访客>>

bihaiqingchi

唯爱杰

yanqlv

woodding2008

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (23)

社区版块

存档分类

正则验证（注释的偷懒了。。，有些测试没有去掉你懂得）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tableFrame_simple</title>
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
	
	
/* 验证 验证表单 */
function submitForm(formObj){
	var formObj=$(formObj).attr("elements")//得到表单中所有表单元素
	for(var i=0;i<formObj.length;i++){
		var name=$(formObj[i]).attr("name");
		if(name==null||name=="")continue;
		var check=checkingInput(formObj[i]);//验证输入
		if(!check){alert(false);return false;}
	}
//	/*测试用
	var act="?date="+new Date().getTime();
	$("#from").attr("action",act)
	alert(true)
	alert($("#from").attr("action"));
//	*/
	
	
	return true;
}




function checkingInput(object){
	var value=$(object).attr("value");
	var error=$(object).attr("error");
	var tempRule=$(object).attr("rule");//规则变量字符串
	
	//验证为空
	if(tempRule==null){return true;}//没有写规则返回true
	if(tempRule==""){
		if(value.length==0){
			alert($(object).attr("name")+"不允许为空");
			return false
		}else{
			return true
			}
	}
	var rule = new RegExp(tempRule);
	if(error==""||error==null)error=$(object).attr("name")+"输入不正确";
	if(!rule.test(value)){
		alert(error);
		return false;
	}
	return true;
}


/* 验证 表单结束  */
</script>
</head>
<h1>表单验证</h1>
<p>
<span>value:验证值</span><br>
<span>rule：规则(""是非空;不加属性的 不验证)</span>
<br><span>error：错误信息</span><br>
<span>name:不写不验证(不往后台传 验证有用吗)</span>
</p>
<form action="" id="from" onsubmit="return submitForm(this)" method="post">
	非空：<input type="text" name="notNull" Rule=""  value="123"  error="不能为空" /><br>
	不验证：<input type="text" value="" /><br>
	中文：<input type="text" name="中文" value="种" rule="[^\u0000-\u00FF]" error="必须有中文" /><br>
	中英文数字：<input type="text" name="中英数" value="ww1_23" rule="^(?!_)(?!.*?_$)[a-zA-Z0-9_\一-\龥]+$" error="只含有汉字、数字、字母、下划线不能以下划线开头和结尾" /><br>
	
	数字：<input type="text" value="1" name="数字" rule="^[\+\-]?\d*?\.?\d*?$" error="必须是数字"><br>
	账号：<input type="text" value="_a_3" name="字母或数字_" rule="^[a-zA-Z_0-9]+$" error="字母或数字_"><br>
	邮箱：<input type="text" value="123@123.ad" name="邮箱" rule="^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+" error="邮箱格式不正确"><br>
	手机号：<input type="text" value="1310281222" name="手机" rule="^1\d{10}$" error="不是手机号码"><br>
	<!--日期：<input type="text" value="日期" rule="" error="日期格式不正确"><br>
	固定号码：<input type="text" value="" rule="" error="号码不正确"><br>
	身份证：<input type="text" value="" rule="" error="身份证不正确"><br>
	url：<input type="text" value="" rule="" error="不是有效的url"><br>
	ip：<input type="text" value="" rule="" error="不是有效的ip地址"><br>
	-->
	<input  type="submit" value="提交">
</form>


<body>
</div>
</body>
</html>

分享到：