<!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>
分享到:
相关推荐
需要.net环境 正则验证软件正则验证软件正则验证软件正则验证软件正则验证软件正则验证软件正则验证软件正则验证软件。
测试正则表达式软件,里面可以进行测试你的正则表达式是否正确,是一个很小的软件。
正则验证大全正则验证大全正则验证大全正则验证大全
需要.net环境 正则验证软件正则验证软件正则验证软件正则验证软件正则验证软件正则验证软件
autoit 正则验证工具 用穷举的方法生成图片 验证正则表达式完备性
自定义文本框控件,能实现自定义的正则验证规则。
常用正则验证,各种常用验证包含,汉字、手机号、电话号码、email、金额、特殊字符等常见完整js类库。
PHP使用正则验证数据,邮箱,手机,IP等
两个正则表达式验证器,可以用来测试正则表达式写的是否正确
正则表达式测试文本正则表达式测试文本正则表达式测试文本正则表达式测试文本正则表达式测试文本正则表达式测试文本正则表达式测试文本正则表达式测试文本正则表达式测试文本正则表达式测试文本正则表达式测试文本...
正则验证软件 英文版正则验证软件 英文版正则验证软件 英文版
JS input输入框 英文 中文 邮箱 手机号 银行卡 身份证等等各种正则验证 确保上传的内容合法合规,涉及侵权内容将会被移除
正则,测试器正则测试器正则测试器正则测试器正则测试器
用于检验正则表达式的测试工具,使你在使用正则表达式的时候避免错误代码的写入
正则表达式正则表达式正则表达式正则表达式 验证程序
正则表达式 JS 身份证验证 正则表达式 JS 身份证验证 正则表达式 JS 身份证验证
正则表达式验证金额格式
邮箱及密码的正则表达式验证(C#)
正则测试小工具,测试自己写的正则是否符合预期,支持99%的浏览器运行。 正则测试小工具,测试自己写的正则是否符合预期,支持99%的浏览器运行。 正则测试小工具,测试自己写的正则是否符合预期,支持99%的浏览器...
非常好用的正则验证工具 非常好用的正则验证工具