grid

          grid

            BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
            78 Posts :: 0 Stories :: 62 Comments :: 0 Trackbacks
          表單驗證
                          
                      
                     

          參考示例
                          驗證規則    
                          表單驗證    
                          表單驗證:文本提示    
                          表單驗證:組合驗證                    
                    

                     

          綁定validation事件

          <input id="username" name="username" onvalidation="onUserNameValidation" class="mini-textbox" required="true" />
          function onUserNameValidation(e) {
              if (e.isValid) {
                  if (isEmail(e.value) == false) {
                      e.errorText = "必須輸入郵件地址";
                      e.isValid = false;
                  }
              }
          }
          
          validation事件是實現驗證的基礎。
                     

          設置vtype  

          <input class="mini-textbox" vtype="email"/>           

          TextBox內置了vtype屬性,有如下驗證規則:email、url、int、float、maxLength、minLength、rangeLength、rangeChar、range、date等。
                  
                     

          驗證表單

          var form = new mini.Form("#form1");
          form.validate();
          if(form.isValid()){
              alert("驗證成功");
          }
          
          posted on 2012-09-28 16:35 nikofan 閱讀(6703) 評論(3)  編輯  收藏

          Feedback

          # re: jQuery MiniUI 開發教程 表單控件 表單:數據驗證(三)[未登錄] 2013-04-07 21:22 天狼
          請問能AJAX表單驗證嗎?  回復  更多評論
            

          # re: jQuery MiniUI 開發教程 表單控件 表單:數據驗證(三)[未登錄] 2013-04-07 21:30 天狼
          我使用了兩種方式AJAX驗證,都不行
          第一種:
          HTML代碼:
          onvalidation="onGradeNameUniqueValidation"
          JS代碼:
          function onGradeNameUniqueValidation(e) {
          if (e.isValid) {
          $.post(
          '../grade/checkGradeNameUnique.action',
          {gradeName:e.value},
          function(data) {
          if (data == 'true') {
          e.errorText = "年級名稱已經存在";
          e.isValid = false;
          }
          }
          );
          }
          }
          第二種:
          HTML代碼:
          vtype="remote"
          JS代碼:
          /*自定義vtype*/
          mini.VTypes["remoteErrorText"] = "年級名稱已經存在";
          mini.VTypes["remote"] = function (v) {
          $.ajax({
          async:false,
          url:'../grade/checkGradeNameUnique.action',
          data:{gradeName:v},
          success:function(data) {
          return data;
          }
          });
          }
          其中第一種驗證,AJAX請求發送了,但文本框后不提示。
          而第二種驗證,AJAX請求也發送了,但文本框后的提示一直不消失。
          我的猜想是AJAX異步的原因,不知道真正的問題在哪里?  回復  更多評論
            

          # re: jQuery MiniUI 開發教程 表單控件 表單:數據驗證(三)[未登錄] 2014-01-22 15:53 f
          fg  回復  更多評論
            


          只有注冊用戶登錄后才能發表評論。


          網站導航:
          博客園   IT新聞   Chat2DB   C++博客   博問  
           
          主站蜘蛛池模板: 察隅县| 五莲县| 梅州市| 通渭县| 瑞金市| 米易县| 剑阁县| 高雄市| 馆陶县| 和政县| 萨迦县| 庆安县| 岗巴县| 阳新县| 固镇县| 黄浦区| 景洪市| 桂东县| 收藏| 金川县| 鄂尔多斯市| 朝阳县| 临桂县| 关岭| 台安县| 英山县| 天水市| 迁安市| 东光县| 正蓝旗| 和林格尔县| 孟津县| 新龙县| 陇川县| 灵川县| 韶山市| 永新县| 琼中| 仙桃市| 襄汾县| 宽城|