代码如下:
<!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>