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