一个非常强大完整的web表单验证程序(2)----为中国网络技术提供点滴动力-iyit.net-易特网络技术！

　　通行证: 用户密码

域名空间　下载中心　 社区论坛　信息公告 my小屋

联系我们
设为首页
加入收藏

qq,asp,php,jsp,xml,sql,.net,编程程序网页图象建站经验私服


	当前位置：首页>>网页设计>>网页特效>>正文	新版上线！[旧版]

注:打开慢时请稍等

一个非常强大完整的web表单验证程序(2)

http://www.iyit.net 日期：2006-5-5 10:00:18 来源：中国站长学院点击：

【参加讨论】　　validator 完整代码：

<title>表单验证类 validator v1.0</title>

<style>

body,td{font:normal 12px verdana;color:#333333}

input,textarea,select,td{font:normal 12px verdana;color:#333333;border:1px solid
#999999;background:#ffffff}

table{border-collapse:collapse;}

td{padding:3px}

input{height:20;}

textarea{width:80%;height:50px;overflow:auto;}

form{display:inline}

</style>

<table align="center">

<form name="theform" id="demo" action="" method="get"
onsubmit="return validator.validate(this,2)">

<tr>

<td>真实姓名：</td><td><input name="name" datatype="chinese"
msg="真实姓名只允许中文"></td>

</tr>

<tr>

<td>英文名：</td><td><input name="nick" datatype="english"
require="false" msg="英文名只允许英文字母"></td>

</tr>

<tr>

<td>主页：</td><td><input name="homepage" require="false"
datatype="url" msg="非法的url"></td>

</tr>

<tr>

<td>密码：</td><td><input name="password" datatype="safestring"
msg="密码不符合安全规则" type="password"></td>

</tr>

<tr>

<td>重复：</td><td><input name="repeat" datatype="repeat"
to="password" msg="两次输入的密码不一致" type="password"></td>

</tr>

<tr>

<td>信箱：</td><td><input name="email" datatype="email"
msg="信箱格式不正确"></td>

</tr>

<tr>

<td>信箱：</td><td><input name="email" datatype="repeat"
to="email" msg="两次输入的信箱不一致"></td>

</tr>

<tr>

<td>qq：</td><td><input name="qq" require="false"
datatype="qq" msg="qq号码不存在"></td>

</tr>

<tr>

<td>身份证：</td><td><input name="card" datatype="idcard"
msg="身份证号码不正确"></td>

</tr>

<tr>

<td>年龄：</td><td><input name="year" datatype="range"
msg="年龄必须在18~28之间" min="18" max="28"></td>

</tr>

<tr>

<td>年龄1：</td><td><input name="year1" require="false"
datatype="compare" msg="年龄必须在18以上" to="18" operator="greaterthanequal"></td>

</tr>

<tr>

<td>电话：</td><td><input name="phone" require="false"
datatype="phone" msg="电话号码不正确"></td>

</tr>

<tr>

<td>手机：</td><td><input name="mobile" require="false"
datatype="mobile" msg="手机号码不正确"></td>

</tr>

<tr>

<td>生日：</td><td><input name="birthday" datatype="date"
format="ymd" msg="生日日期不存在"></td>

</tr>

<tr>

<td>邮政编码：</td><td><input name="zip" datatype="custom"
regexp="^[1-9]\d{5}$" msg="邮政编码不存在"></td>

</tr>

<tr>

<td>邮政编码：</td><td><input name="zip1" datatype="zip"
msg="邮政编码不存在"></td>

</tr>

<tr>

<td>操作系统：</td><td><select name="operation" datatype="require"
msg="未选择所用操作系统" ><option value="">选择您所用的操作系统</option><option
value="win98">win98</option><option value="win2k">win2k</option><option
value="winxp">winxp</option></select></td>

</tr>

<tr>

<td>所在省份：</td><td>广东<input name="province" value="1"
type="radio">陕西<input name="province" value="2"
type="radio">浙江<input name="province" value="3"
type="radio">江西<input name="province" value="4"
type="radio" datatype="group" msg="必须选定一个省份" ></td>

</tr>

<tr>

<td>爱好：</td><td>运动<input name="favorite" value="1"
type="checkbox">上网<input name="favorite" value="2"
type="checkbox">听音乐<input name="favorite" value="3"
type="checkbox">看书<input name="favorite" value="4"
type="checkbox"" datatype="group" min="2" max="3"
msg="必须选择2~3种爱好"></td>

</tr>

<td>自我介绍：</td><td><textarea name="description"
datatype="limit" max="10" msg="自我介绍内容必须在10个字之内">中文是一个字</textarea></td>

</tr>

<td>自传：</td><td><textarea name="history" datatype="limitb"
min="3" max="10" msg="自传内容必须在[3,10]个字节之内">中文是两个字节t</textarea></td>

</tr>

<tr>

<td colspan="2"><input name="submit" type="submit"
value="确定提交"><input onclick="validator.validate(document.getelementbyid('demo'))"
value="检验模式1" type="button"><input onclick="validator.validate(document.getelementbyid('demo'),2)"
value="检验模式2" type="button"><input onclick="validator.validate(document.getelementbyid('demo'),3)"
value="检验模式3" type="button"></td>

</tr>

</form>

</table>

<script>

/*************************************************

validator v1.0

cody by 我佛山人

wfsr@cunite.com

http://www.cunite.com

*************************************************/

validator = {

require : /.+/,

email : /^\w+([-+.]\w+)*@\w+([-.]\\w+)*\.\w+([-.]\w+)*$/,

phone : /^(($\d{3}$)|(\d{3}\-))?($0\d{2,3}$|0\d{2,3}-)?[1-9]\d{6,7}$/,

mobile : /^(($\d{3}$)|(\d{3}\-))?13\d{9}$/,

url : /^http:\/\/[a-za-z0-9]+\.[a-za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,

idcard : /^\d{15}(\d{2}[a-za-z0-9])?$/,

currency : /^\d+(\.\d+)?$/,

number : /^\d+$/,

zip : /^[1-9]\d{5}$/,

qq : /^[1-9]\d{4,8}$/,

integer : /^[-\+]?\d+$/,

double : /^[-\+]?\d+(\.\d+)?$/,

english : /^[a-za-z]+$/,

chinese : /^[\u0391-\uffe5]+$/,

unsafe : /^(([a-z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,

issafe : function(str){return !this.unsafe.test(str);},

safestring : "this.issafe(value)",

limit : "this.limit(value.length,getattribute('min'), getattribute('max'))",

limitb : "this.limit(this.lenb(value), getattribute('min'), getattribute('max'))",

date : "this.isdate(value, getattribute('min'), getattribute('format'))",

repeat : "value == document.getelementsbyname(getattribute('to'))[0].value",

range : "getattribute('min') < value && value < getattribute('max')",

compare : "this.compare(value,getattribute('operator'),getattribute('to'))",

custom : "this.exec(value, getattribute('regexp'))",

group : "this.mustchecked(getattribute('name'), getattribute('min'), getattribute('max'))",

erroritem : [document.forms[0]],

errormessage : ["以下原因导致提交失败：\t\t\t\t"],

validate : function(theform, mode){

var obj = theform || event.srcelement;

var count = obj.elements.length;

this.errormessage.length = 1;

this.erroritem.length = 1;

this.erroritem[0] = obj;

for(var i=0;i<count;i++){

with(obj.elements[i]){

var _datatype = getattribute("datatype");

if(typeof(_datatype) == "object" || typeof(this[_datatype]) == "undefined")
continue;

this.clearstate(obj.elements[i]);

if(getattribute("require") == "false" && value ==
"") continue;

switch(_datatype){

case "date" :

case "repeat" :

case "range" :

case "compare" :

case "custom" :

case "group" :

case "limit" :

case "limitb" :

case "safestring" :

if(!eval(this[_datatype])) {

this.adderror(i, getattribute("msg"));

}

break;

default :

if(!this[_datatype].test(value)){

this.adderror(i, getattribute("msg"));

}

break;

}

}

}

if(this.errormessage.length > 1){

mode = mode || 1;

var errcount = this.erroritem.length;

switch(mode){

case 2 :

for(var i=1;i<errcount;i++)

this.erroritem[i].style.color = "red";

case 1 :

alert(this.errormessage.join("\n"));

this.erroritem[1].focus();

break;

case 3 :

for(var i=1;i<errcount;i++){

try{

var span = document.createelement("span");

span.id = "__errormessagepanel";

span.style.color = "red";

this.erroritem[i].parentnode.appendchild(span);

span.innerhtml = this.errormessage[i].replace(/\d+:/,"*");

}

catch(e){alert(e.description);}

}

this.erroritem[1].focus();

break;

default :

alert(this.errormessage.join("\n"));

break;

}

return false;

}

return true;

},

limit : function(len,min, max){

min = min || 0;

max = max || number.max_value;

return min <= len && len <= max;

},

lenb : function(str){

return str.replace(/[^\x00-\xff]/g,"**").length;

},

clearstate : function(elem){

with(elem){

if(style.color == "red")

style.color = "";

var lastnode = parentnode.childnodes[parentnode.childnodes.length-1];

if(lastnode.id == "__errormessagepanel")

parentnode.removechild(lastnode);

}

},

adderror : function(index, str){

this.erroritem[this.erroritem.length] = this.erroritem[0].elements[index];

this.errormessage[this.errormessage.length] = this.errormessage.length + ":"
+ str;

},

exec : function(op, reg){

return new regexp(reg,"g").test(op);

},

compare : function(op1,operator,op2){

switch (operator) {

case "notequal":

return (op1 != op2);

case "greaterthan":

return (op1 > op2);

case "greaterthanequal":

return (op1 >= op2);

case "lessthan":

return (op1 < op2);

case "lessthanequal":

return (op1 <= op2);

default:

return (op1 == op2);

}

},

mustchecked : function(name, min, max){

var groups = document.getelementsbyname(name);

var haschecked = 0;

min = min || 1;

max = max || groups.length;

for(var i=groups.length-1;i>=0;i--)

if(groups[i].checked) haschecked++;

return min <= haschecked && haschecked <= max;

},

isdate : function(op, formatstring){

formatstring = formatstring || "ymd";

var m, year, month, day;

switch(formatstring){

case "ymd" :

m = op.match(new regexp("^\\s*((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})\\s*$"));

if(m == null ) return false;

day = m[6];

month = m[5]--;

year = (m[2].length == 4) ? m[2] : getfullyear(parseint(m[3], 10));

break;

case "dmy" :

m = op.match(new regexp("^\\s*(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))\\s*$"));

if(m == null ) return false;

day = m[1];

month = m[3]--;

year = (m[5].length == 4) ? m[5] : getfullyear(parseint(m[6], 10));

break;

default :

break;

}

var date = new date(year, month, day);

return (typeof(date) == "object" && year == date.getfullyear()
&& month == date.getmonth() && day == date.getdate());

function getfullyear(y){return ((y<30 ? "20" : "19") +
y)|0;}

}

}

</script>

编辑：黑鹰　[发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇：一个非常强大完整的web表单验证程序(1)
下一篇：基于客户端的分页导航(1)
转载请注明来源：www.iyit.net
特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。

		相关文章