js数据验证:jquery的validate,及进⾏重置操作时不显⽰异常
提⽰
之前在⽹上看到很多资料,使⽤class="{}"的⽅式进⾏验证时,必须引⼊包adata.js,但我⾃⼰⽤的jquery.validate.js的版本是jQuery validation plug-in pre-1.5.2,在没有引⼊adata.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" class="error block">请输⼊最⼤长度为500的字符串</label>
</form>
js脚本:
$(document).ready(function () {
$.validator.setDefaults({
submitHandler:function(){//提交事件}
});
$("#feedbackForm").validate({});
jquery怎么进行验证}
样式:(设置异常信息提⽰label的样式)
<style type="text/css">
.block { display: block; }
< { display: none; }
</style>
重置时不显⽰异常提⽰:
//重置事件
function ClearInput() {
//清空输⼊域
//
var validator = $("#feedbackForm").validate({ submitHandler: function (form) {
form.submit();
}
});
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论