之前在网上看到很多资料,使用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();
}