如何用JQuery进行表单验证

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

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

例子： 求职面试

$(#form).validate({ 求职信息

//验证规则 礼仪

rules:{ 求职面试

author:{

qzm4

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

求职面试

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

}, 礼仪

email:{ qzm4

required:true,

求职信息

email:true //此字段为邮件地址 礼仪

},

面试网

url:{

礼仪

required:false,

url:true //此字段为网址

面试问题

}, 求职面试

content:{

required:true,

qzm4

minlength:4 礼仪

} 求职信息

},

//错误消息 面试问题

messages:{

求职面试

author: { 求职面试

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

minlength: jQuery.format(名称至少{0}两个字节) 求职信息

},

面试网

email: { 面试网

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

email: ‘邮箱格式不正确’

礼仪

},

qzm4

content: {

required: ‘网址必须填写’, 面试网

minlength: jQuery.format(名称至少{0}两个字节) 求职面试

}

礼仪

}, qzm4

submitHandler: function(form) { 求职信息

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

$(form).ajaxSubmit({

dataType:’json’,

success:function(res){ 求职面试

if(res.success){

礼仪

$(‘.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’));

qzm4

}, 求职信息

errorClass:’fail’,//错误消息样式 面试问题

highlight: function(element, errorClass) {

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

面试问题

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

面试网

} 求职面试

}); 面试问题

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