神秘的 J2ee 殿堂

·古之学者必有师·做学者亦要做师者·FIGHTING·

数据验证新思维,通过input属性配置完成数据验证

代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>

function verifyAndSend(form,verifyOrNot){
var msg
="";
if(verifyOrNot){
var inputBoxs 
= form.tags("input");
for (var i=0;i<inputBoxs.length;i++) {
var inputValue 
= inputBoxs[i].value.toUpperCase();
var isRequired
=inputBoxs[i].getAttribute("required");
var fileType
=inputBoxs[i].getAttribute("fileType");
var filedName
=inputBoxs[i].getAttribute("filedName");
//判断是否为空,可以重新写个函数
if (isRequired != null && isRequired=="true") {
if(inputValue==null||inputValue==""){
msg
=msg+filedName+"不能为空"+"\n";
}
}
//
//判断是否是Email格式
//调用emailVerify函数时,我们还可以通过fileType去自动解析出要调用那个函数像:email+Verify
//通过解析,字符串连接得到var tem="emailVerify(inputBoxs[i])";之后,然后通过eval(tem);来执行函数
//这样做的目的就是减少代码量,程序自动根据你input的属性设置调用相应的方法
if(fileType!=null&&fileType=="email"){
var tem
=emailVerify(inputBoxs[i]);
if(tem!="success"){
msg
=msg+filedName+"email格式不正确"+"\n";
}
}


}

if(msg!=""){
alert(msg);
}
else{
alert(
"开始调用后台函数");
}

}
else{
return "";
}

}

function emailVerify(filed){
if(filed.value.isEmail()){
return "success";
}
else{
return "E-mail格式不正确";
}
}

//判断字符串是否是Email字符串,若是则返回true,否则返回false
String.prototype.isEmail = function() {
    
return /^\w+@.+\.\w+$/g.test(this);
}
</script>
</head>

<body>
<form method="post" action="xx.xx" name="loginForm">
E
-MAIL登录名:<input type="text" required="true" fileType="email" filedName="E-MAIL登录名"/>
<input type="button" value="登陆" onClick="verifyAndSend(loginForm,true);"/>
</form>
</body>
</html>

posted on 2008-07-30 17:57 月芽儿 阅读(331) 评论(0)  编辑  收藏 所属分类: J2EE学习心得


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿(2)

随笔分类

随笔档案

相册

搜索

最新评论

阅读排行榜

评论排行榜