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;    }經過用戶端驗證之後，資訊就可以提交給伺服器了，伺服器如何接收和處理這些資訊呢？請看下回講解。 上一講： 第十五講 Regex下一講： 第十七講 業務處理概述李緒成 CSDN Blog：http://blog.csdn.net/javaeeteacher邀請您為好友：http://student.csdn.net/invite.php?u=124362&c=7be8ba2b6f3b6cc5