Java Web基础：第十六讲 客户端验证的例子

本文内容摘自：《Java Web开发教程——入门与提高篇（JSP+Servlet）》第58-60页。
下面介绍一个客户端验证的例子，页面代码参考Java Web基础：第十一讲基本表单元素，调用验证方法的代码参考Java Web基础：第十二讲 form元素的使用。

function isValidate(form)
{
// 得到用户输入的信息
userid = form.userid.value;
username = form.username.value;
userpass = form.userpass.value;
userpass2 = form.userpass2.value;
birthday = form.birthday.value;
email = form.email.value;
address = form.address.value;
phone = form.phone.value;

// 判断用户ID长度
if(!minLength(userid,6))
{
alert("用户ID长度小于6位！");
form.userid.focus();
return false;
}
if(!maxLength(userid,8))
{
alert("用户ID长度大于8位！");
form.userid.focus();
return false;
}

// 判断用户名长度
if(!minLength(username,2))
{
alert("用户名长度小于2位！");
form.username.focus();
return false;
}
if(!maxLength(username,10))
{
alert("用户名长度大于10位！");
form.username.focus();
return false;
}

// 判断口令长度
if(!minLength(userpass,6))
{
alert("口令长度小于6位！");
form.userpass.focus();
return false;
}
if(!maxLength(userpass,8))
{
alert("口令长度大于8位！");
form.userpass.focus();
return false;
}

// 判断用户ID和口令是否相同
if(userid==userpass)
{
alert("用户ID和口令不能相等！");
form.userpass.focus();
return false;
}

// 验证两次口令是否相同
if(userpass != userpass2)
{
alert("两次输入的口令不相同！");
form.userpass.focus();
return false;
}

// 验证生日的格式是否正确
if(!isDate(birthday))
{
alert("生日的格式不正确！");
form.birthday.focus();
return false;
}

// 验证email的格式是否正确
if(!isEmail(email))
{
alert("Email格式不正确！");
form.email.focus();
return false;
}

// 验证电话号码的格式是否正确
if(!isDigital(phone))
{
alert("电话号码的格式不正确");
form.phone.focus();
return false;
}
// 验证地址的长度是否正确
if(!maxLength(address,50))
{
alert("地址长度大于50位！");
form.address.focus();
return false;
}
return true;
}

经过客户端验证之后，信息就可以提交给服务器了，服务器如何接收和处理这些信息呢？请看下回讲解。

上一讲：第十五讲正则表达式
下一讲：第十七讲 业务处理概述
李绪成 CSDN Blog：http://blog.csdn.net/javaeeteacher
邀请您为好友：http://student.csdn.net/invite.php?u=124362&c=7be8ba2b6f3b6cc5