神秘的 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)

          隨筆分類

          隨筆檔案

          相冊

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 金堂县| 阳江市| 瓦房店市| 民丰县| 监利县| 如东县| 会同县| 岑溪市| 兰西县| 西城区| 沁水县| 当雄县| 罗山县| 抚顺市| 屯门区| 宜春市| 清远市| 大同县| 横峰县| 卢龙县| 蒲江县| 台东市| 海丰县| 军事| 安图县| 宁明县| 米脂县| 怀柔区| 常熟市| 平阳县| 龙州县| 吴川市| 柳州市| 宁远县| 湖口县| 呼玛县| 台中县| 墨玉县| 扎囊县| 乐昌市| 鄂伦春自治旗|