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;

    }

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

 

上一讲： 第十五讲正则表达式

下一讲：第十七讲 业务处理概述

李绪成 优快云 Blog ： http://blog.youkuaiyun.com/javaeeteacher

邀请您为好友： http://student.youkuaiyun.com/invite.php?u=124362&c=7be8ba2b6f3b6cc5