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 閱讀(6702) 評論(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  回復  更多評論
            


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


          網站導航:
           
          主站蜘蛛池模板: 邯郸县| 扬州市| 馆陶县| 双桥区| 鄂托克旗| 循化| 四子王旗| 廊坊市| 平度市| 德清县| 巴东县| 顺昌县| 宾阳县| 梓潼县| 阳东县| 五大连池市| 西峡县| 无为县| 平谷区| 泾源县| 田东县| 凌源市| 来凤县| 大姚县| 巴马| 阳高县| 宜宾市| 清涧县| 五台县| 彩票| 琼中| 尉犁县| 格尔木市| 哈密市| 泾川县| 伊宁县| 巴青县| 会理县| 上饶市| 大安市| 甘德县|