<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    grid

    grid

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

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

               

    綁定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事件是實現(xiàn)驗證的基礎(chǔ)。
               

    設(shè)置vtype  

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

    TextBox內(nèi)置了vtype屬性,有如下驗證規(guī)則: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 開發(fā)教程 表單控件 表單:數(shù)據(jù)驗證(三)[未登錄] 2013-04-07 21:22 天狼
    請問能AJAX表單驗證嗎?  回復(fù)  更多評論
      

    # re: jQuery MiniUI 開發(fā)教程 表單控件 表單:數(shù)據(jù)驗證(三)[未登錄] 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 = "年級名稱已經(jīng)存在";
    e.isValid = false;
    }
    }
    );
    }
    }
    第二種:
    HTML代碼:
    vtype="remote"
    JS代碼:
    /*自定義vtype*/
    mini.VTypes["remoteErrorText"] = "年級名稱已經(jīng)存在";
    mini.VTypes["remote"] = function (v) {
    $.ajax({
    async:false,
    url:'../grade/checkGradeNameUnique.action',
    data:{gradeName:v},
    success:function(data) {
    return data;
    }
    });
    }
    其中第一種驗證,AJAX請求發(fā)送了,但文本框后不提示。
    而第二種驗證,AJAX請求也發(fā)送了,但文本框后的提示一直不消失。
    我的猜想是AJAX異步的原因,不知道真正的問題在哪里?  回復(fù)  更多評論
      

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


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


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 精品国产污污免费网站| 久久国产乱子伦精品免费午夜 | 亚洲精品乱码久久久久久按摩| 亚洲AV永久无码精品放毛片| 女人18毛片特级一级免费视频| 亚洲区视频在线观看| 97免费人妻无码视频| 亚洲综合丁香婷婷六月香| 欧美好看的免费电影在线观看| 亚洲一区二区三区在线观看蜜桃| 91频在线观看免费大全| jiz zz在亚洲| 午夜亚洲福利在线老司机| 国产精品免费观看视频| 亚洲产国偷V产偷V自拍色戒| 亚洲一级毛片免费在线观看| 亚洲看片无码在线视频| 国产成人啪精品视频免费网| 日韩免费码中文在线观看| 国产亚洲精品va在线| 最近免费最新高清中文字幕韩国| 亚洲午夜精品一区二区公牛电影院| 扒开双腿猛进入爽爽免费视频| 国产精品成人亚洲| 亚洲永久精品ww47| 天天影院成人免费观看| 国产精品国产亚洲区艳妇糸列短篇 | 成人免费无码大片A毛片抽搐色欲| 亚洲欧美日韩中文二区| 亚洲精品偷拍视频免费观看 | 精品香蕉在线观看免费| 亚洲avav天堂av在线网毛片| 国产成人精品日本亚洲专区61| 99视频免费播放| 国产成人综合亚洲绿色| 亚洲欧洲成人精品香蕉网| 久久精品免费全国观看国产| 免费无码婬片aaa直播表情| 久久综合国产乱子伦精品免费| 亚洲国产乱码最新视频| 亚洲日韩精品一区二区三区|