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 閱讀(6707) 評論(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++博客   博問  
           
          主站蜘蛛池模板: 黄梅县| 齐河县| 靖江市| 龙川县| 喀喇沁旗| 博乐市| 汕尾市| 临漳县| 大港区| 奉贤区| 嘉祥县| 建宁县| 望城县| 温宿县| 永济市| 大名县| 天柱县| 昌平区| 彰化县| 鄯善县| 鲁甸县| 内乡县| 海伦市| 图片| 邹平县| 阿图什市| 广州市| 崇礼县| 和平县| 柏乡县| 周口市| 宁南县| 丰台区| 渑池县| 密云县| 富裕县| 兴业县| 疏附县| 旅游| 民勤县| 故城县|