jsp頁面中調用js檔案去驗證文字框內容

       接上一篇

       三、js驗證文字框輸入是否為空白以及輸入是否為數字格式

       實現思想：根據使用者的要求，我們需要在點擊提交按鈕之後一次性去驗證所有必填項是否為空白以及一些號碼是否為數字格式，而且驗證提示要在一個地方用文字統一提示，不能使用快顯視窗。還有為了避免重複工作，我們想要把所有的頁面的提示放到一個js檔案的一個方法裡，這樣所有的頁面只需要調用該方法即可實現驗證功能。我們最終使用的辦法是判斷兩次，首先判斷要驗證的頁面是否存在某個控制項對象，如果存在在去判斷是否為空白或格式是否正確。

      下面將js驗證代碼分享給大家：

//判斷手機號碼是否為空白、是否為數字和是否小於11位var objApplicantCell = document.getElementById("applicantCell")if(objApplicantCell != null){var cellNum = document.getElementById("applicantCell").valueif( cellNum == ""){document.getElementById("flag").value="手機號碼不可為空";formFlag.applicantCell.focus();return false;}var strP=/^\d+$/;    //判斷是否為數位運算式if(!strP.test(cellNum)){document.getElementById("flag").value="手機號碼非數字格式";form1.applicantCell.focus();return false;}if(cellNum.length < 11){document.getElementById("flag").value="手機號碼不能小於11位";formFlag.applicantCell.focus();return false;}}

這段代碼是一個方法裏手機號碼的驗證，其他的文字框驗證類似的寫法，也可以將其寫成一個公用的方法，進行傳參調用。

         通過做工程來學習，不僅能夠給我們學習帶來動力和興趣，而且能夠增強我們的自信心，有了信心就會增加深入學習的慾望，這樣就我們就不用害怕有什麼技術是我們不會的。只要有學習動力，學會技術只是個時間問題。