Asp.net(Ajax)表单验证 函数包

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

*

* 功能说明:JS表单验证函数库

* 作者: 刘功勋;

* 版本:V0.1(JavaScript);时间:2006-7-27

* 注意:文件为js文件,使用时,<script language="javascript" src="*.js"></script>

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

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

* 函数名称：resultRemain

* 功能说明：根据传递值，改变表单提示状态

* 参 数：id:表单span ID号；str:提示文字；CssClassName:改变提示颜色的CSS Style Class名称

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

function resultRemain(id,stype,str,CssClassName)

{

switch (stype) {

//默认

case "normal" :

{

eval("span_"+id).className=CssClassName;

break;

}

//正确

case "right" :

{

eval("span_"+id).innerHTML=str;

eval("span_"+id).className=CssClassName;

break;

}

//错误

case "error":

{

eval("span_"+id).className=CssClassName;

eval("error_"+id).innerHTML=str;

break;

}

//获得焦点

case "focus":

{

eval("span_"+id).innerHTML=str;

eval("span_"+id).className=CssClassName;

}

default :

break;

}

}

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

* 函数名称：onFocusForm

* 功能说明：密码输入框获得焦点时显示提示状态

* 参 数：o:表单对象

* 调用方式：表单控件名称.Attributes["onfocus"] = "return onFocusPwd(this);"; //(Asp.net)

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

function onFocusForm(o,str)

{

if(o){

resultRemain(o.id,"focus",str,"formonfocus");

}

}

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

* 函数名称：onCheckPwd

* 功能说明：当表单失去焦点时，触发相应的密码检测

* 参 数：o:表单对象

* 调用方式：表单名称.Attributes["onfocus"] = "return onFocusPwd(this);"; //(Asp.net)

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

function onCheckPwd(o){

var p = o.value;

if(p){

//测试密码长度,包括汉字密码

var len = 0;

var ary = escape(p).match(/(%u[0123456789ABCDEF]{4})+/g);

if(ary){

len = unescape(ary.join("")).length * 2;

p = unescape(escape(str).replace(/(%u[0123456789ABCDEF]{4})+/g,""));

len += p.length;

}else{

len = p.length;

}

if(len < 6 || len > 20){

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 密码有误</span> ","formerr");

return false;

}else{

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

}else{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 密码不能为空</span> ","formerr");

return false;

}

};

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

* 函数名称：strlen

* 功能说明：检测字符串长度

* 参 数：o:表单对象;len:字符串长度

* 调用方式：表单名称.Attributes["onblur"] = "return strlen(this,30);"; //(Asp.net)

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

function strlen(o,len)

{

var p = o.value;

if(p)

{

var l=p.length;

if(l>len)

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 字符超过长度</span> ","formerr");

return false;

}

else

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

else

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 资料不能为空</span> ","formerr");

return false;

}

}

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

* 函数名称：onCheckPostCode(o)

* 功能说明：检测邮编是否合法

* 参 数：o:表单对象;

* 调用方式：表单名称.Attributes["onblur"] = "return onCheckPostCode(this);"; //(Asp.net)

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

function onCheckPostCode(o){

var str = o.value;

if(str){

var pattern = /^\d{6}$/;

if(!pattern.test(str))

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 邮编输入不合法</span> ","formerr");

return false;

}else{

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

}else{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 邮编不能为空</span> ","formerr");

return false;

}

}

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

* 函数名称：onCheckTel(o)

* 功能说明：检测电话号码是否合法或传真

* 参 数：o:表单对象;

* 调用方式：表单名称.Attributes["onblur"] = "return onCheckPostCode(this);"; //(Asp.net)

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

function onCheckTel(o){

var str = o.value;

if(str){

var pattern = /^((\d{3,4}-?\d{7,8})|(\d{7,8}))$/;

if(!pattern.test(str))

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 号码格式不合法</span> ","formerr");

return false;

}else{

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

}else{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 号码不能为空</span> ","formerr");

return false;

}

}

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

* 函数名称：onCheckMobile(o)

* 功能说明：检测手机号码是否合法

* 参 数：o:表单对象;

* 调用方式：表单名称.Attributes["onblur"] = "return onCheckMobile(this);"; //(Asp.net)

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

function onCheckMobile(o){

var str = o.value;

if(str){

var pattern = /^(0?13\d{9})$/;

if(!pattern.test(str))

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 手机号码输入不合法</span> ","formerr");

return false;

}else{

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

}else{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 手机号码不能为空</span> ","formerr");

return false;

}

}

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

* 函数名称：onCheckEmail(o)

* 功能说明：检测E-mail是否合法

* 参 数：o:表单对象;

* 调用方式：表单名称.Attributes["onblur"] = "return onCheckEmail(this);"; //(Asp.net)

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

function onCheckEmail(o){

var em = o.value;

if(em){

var pattern = /^(\w|_|\.)+@((\w|_|\-)+\.)+(\w){2,3}$/;

if(!pattern.test(em))

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> E-mail输入不合法</span> ","formerr");

return false;

}

else{

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

}else{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> E-mail不能为空</span> ","formerr");

return false;

}

}

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

* 函数名称：ipcheck(o)

* 功能说明：检测IP地址是否合法

* 参 数：o:表单对象;

* 调用方式：表单名称.Attributes["onblur"] = "return ipcheck(this);"; //(Asp.net)

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

function ipcheck(o){

var ipstr=o.value;

if(ipstr){

var reg = /^((\d{1,3})(\.\d{1,3}){3})$/;

if(reg.test(ipstr))

{

var ary = ipstr.split('.');

for(key in ary)

{

if(parseInt(ary[key]) > 255)

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" />IP输入不合法</span> ","formerr");

return false;

}

}

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

else

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" />IP输入不合法</span> ","formerr");

return false;

}

}

else

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> IP不能为空</span> ","formerr");

return false;

}

}

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

* 函数名称：checkNum(o)

* 功能说明：检测是否为纯数字

* 参 数：o:表单对象;

* 调用方式：表单名称.Attributes["onblur"] = "return checkNum(this);"; //(Asp.net)

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

function checkNum(o)

{

var str=o.value;

if(str)

{

var reg =/\D/;

if(!reg.test(str))

{

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

else

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 起始标识应为纯数字!</span> ","formerr");

return false;

}

}

else

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 起始标识不能为空</span> ","formerr");

return false;

}

}

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

* 函数名称：checkchinese(o)

* 功能说明：检测是否为中文字符

* 参 数：o:表单对象;

* 调用方式：表单名称.Attributes["onblur"] = "return checkchinese(this);"; //(Asp.net)

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

function checkchinese(o)

{

var str=o.value;

if(str)

{

var reg =/[\u0391-\uFFE5]/gi;

if(!reg.test(str))

{

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

else

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 含有中文字符!</span> ","formerr");

return false;

}

}

else

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 不能为空</span> ","formerr");

return false;

}

}

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

* 函数名称： CheckUid(o)

* 功能说明：检测用户名是否合法,暂没做ajax检测

* 参 数：o:表单对象;

* 调用方式：表单名称.Attributes["onblur"] = "return CheckUid(this);"; //(Asp.net)

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

function CheckUid(o){

var u = o.value;

if(u){

if(u.length < 4 || u.length > 20)

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 用户名长度需在4-20之间!</span> ","formerr");

return false;

}

}else{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 用户名不能为空!</span> ","formerr");

return false;

}

var pattern = /^([a-zA-Z0-9]|[\u4E00-\uFA2D])+$/;

if(!pattern.test(u))

{

resultRemain(o.id,"error","<span style=\"color:#FF0000;\"><img src=\"/skin/main/images/icon_note.gif\" align=\"absmiddle\" /> 用户名包含非法字符!</span> ","formerr");

return false;

}

else

{

resultRemain(o.id,"right","填写正确 ","formnormal");

return true;

}

// if(u == o1.value && u != ""){

// RegStyle(o.id,"right","此用户名可以使用");

// return false;

// }

// var flag = LoadXml(HostName + "/CallPage/Query.aspx?op=QueryUid&s=" + o.value);

// if(flag == 'False'){

// RegStyle(o.id,"right","此用户名可以使用");

// o1.value = u;

// }else{

// RegStyle(o.id,"error","这个用户名已被注册");

// return false;

// }

}

表单提交时,验证全部表单的例子:

function RegForm()

{

var falsestr="";

//检测密码

if(!onCheckPwd(Form1.tb_u_password))

falsestr +="false|";

if(!onCheckPwd(Form1.tb_u_password2))

falsestr +="false|";

if(Form1.tb_u_password.value !=Form1.tb_u_password2.value)

falsestr +="false|";

if(!onCheckEmail(Form1.tb_email))

falsestr +="false|";

if(!onCheckTel(Form1.tb_tel))

falsestr +="false|";

// if(!onCheckMobile(Form1.tb_mobile))

// falsestr +="false|";

if(!CheckUid(Form1.tb_name))

falsestr +="false|";

//当falsestr中,包含false中,则返回false

if(falsestr.length>=5)

{

alert('表单中，有不符合规定的字符');

return false;

}

else

return true;

}