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();
    }


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