如何用JQuery进行表单验证

Ajax 即AsynchronousJavascriptAndXML(异步 JavaScript 和 XML)，是指一种创建交互式网页应用的网页开发技术。下面是小编为你整理的AJAX面试题，希望对你有所帮助! 面试网

可以使用jQuery的插件–jQuery-validate表单验证插件来进行表单验证

例子： 面试问题

$(#form).validate({

//验证规则

求职信息

rules:{

求职面试

author:{ 礼仪

required:true,//必需非空字段 qzm4

minlength:2 //长度至少两字节 qzm4

},

email:{ 礼仪

required:true, 礼仪

email:true //此字段为邮件地址 面试网

}, 求职信息

url:{ 礼仪

required:false, 面试问题

url:true //此字段为网址 求职面试

}, 求职信息

content:{ 求职面试

required:true,

minlength:4

qzm4

} 求职信息

}, 求职信息

//错误消息

礼仪

messages:{

求职面试

author: {

面试网

required: ‘用户名必须填写’,

minlength: jQuery.format(名称至少{0}两个字节) 礼仪

},

email: {

qzm4

required: ‘邮箱必须填写,做为联系方式’,

email: ‘邮箱格式不正确’

},

求职信息

content: { 面试网

required: ‘网址必须填写’,

qzm4

minlength: jQuery.format(名称至少{0}两个字节) 礼仪

} qzm4

}, 求职面试

submitHandler: function(form) { qzm4

//ajax提交表单,需要jQuery.Form插件

礼仪

$(form).ajaxSubmit({

求职信息

dataType:’json’, 面试网

success:function(res){

if(res.success){ qzm4

$(‘.ajaxsubmit’).html(‘发表成功!’).addClass(‘ok’); 面试网

$(‘textarea’).val();

$(‘#comments’).prepend(res.msg); 面试网

}else 礼仪

$(‘.ajaxsubmit’).html(res.msg).addClass(‘fail’);

} 求职信息

}); 面试问题

return false;

求职面试

},

求职面试

errorPlacement:function(error, element) {

求职面试

//放置错误提示消息的Element

error.appendTo(element.parent().find(‘b’));

}, 求职信息

errorClass:’fail’,//错误消息样式

礼仪

highlight: function(element, errorClass) { 求职信息

//黄褪显示错误字段,需要jQuery.Highlight插件 求职面试

$(element).highlightFade({color:’yellow’,speed:1000,iterator:’exponential’})

}

}); 面试网

声明：如何用JQuery进行表单验证来源于互联网，其版权均归原作者及其网站所有，本站虽力求保存原有的版权信息，但由于诸多原因，可能导致无法确定其真实来源，如果您对本站文章、图片资源的归属存有异议，请立即通知我们，情况属实，我们会第一时间予以删除，并同时向您表示歉意！