js數據驗證:jquery的validate,及進行重置操作時不顯示異常提示

之前在網上看到很多資料,使用class="{}"的方式進行驗證時,必須引入包jquery.metadata.js,但我自己用的jquery.validate.js的版本是jQuery validation plug-in pre-1.5.2,在沒有引入jquery.metadata.js包的情況下使用class是沒有問題的,應該是在某個版本的validate包裏進行了相關的升級,不再需要引入metadata包了,


jQuery JavaScript Library v1.4.2(jquery.js的版本)

jQuery validation plug-in pre-1.5.2(jquery.validate.js的版本)


需要驗證的控件:(這裏使用label顯示異常信息提示,也可以使用validate默認的異常信息提示)

<form id="feedbackForm" class="cmxform">

<textarea id="dispointReason" rows="5" cols="60" disabled="disabled" class="{required:true,maxlength:500}" ></textarea>

<label for="dispointReason" style="color:Red" class="error block">請輸入最大長度爲500的字符串</label>

</form>

js腳本:

 $(document).ready(function () {

       $.validator.setDefaults({
            submitHandler:function(){//提交事件}
       });

        $("#feedbackForm").validate({});

}

樣式:(設置異常信息提示label的樣式)

    <style type="text/css">
        .block { display: block; }
        form.cmxform label.error { display: none; }    
    </style>

重置時不顯示異常提示:

    //重置事件
    function ClearInput() {
        //清空輸入域

       //
       var validator = $("#feedbackForm").validate({
            submitHandler: function (form) {
                form.submit();
            }
        });

        validator.resetForm();
    }


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章