神秘的 J2ee 殿堂

          ·古之學者必有師·做學者亦要做師者·FIGHTING·

          數據驗證新思維,通過input屬性配置完成數據驗證

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

          posted on 2008-07-30 17:57 月芽兒 閱讀(342) 評論(0)  編輯  收藏 所屬分類: J2EE學習心得

          導航

          統計

          常用鏈接

          留言簿(2)

          隨筆分類

          隨筆檔案

          相冊

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 宁武县| 永寿县| 乌什县| 南投县| 繁昌县| 赣州市| 富民县| 大悟县| 汉川市| 湖口县| 瑞金市| 昔阳县| 图木舒克市| 乌拉特后旗| 马山县| 满洲里市| 平阳县| 海林市| 南木林县| 麻栗坡县| 扬中市| 噶尔县| 林口县| 西峡县| 秀山| 晴隆县| 静海县| 太和县| 乐至县| 清徐县| 姜堰市| 金溪县| 获嘉县| 万年县| 霍邱县| 临安市| 岳普湖县| 枣强县| 静海县| 陕西省| 齐河县|