如何用JQuery进行表单验证_长沙达内Web培训机构

长沙web培训
达内长沙侯家塘中心

15017569023

热门课程

如何用JQuery进行表单验证

  • 时间:2016-06-21 14:23
  • 发布:长沙web培训
  • 来源:面试网

如何用JQuery进行表单验证

长沙web培训认为可以使用jQuery的插件–jQuery-validate表单验证插件来进行表单验证

例子:

$(“#form”).validate({

//验证规则

rules:{

author:{

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

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

},

email:{

required:true,

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

},

url:{

required:false,

url:true //此字段为网址

},

content:{

required:true,

minlength:4

}

},

//错误消息

messages:{

author: {

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

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

},

email: {

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

email: ‘邮箱格式不正确’

},

content: {

required: ‘网址必须填写’,

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

}

},

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’));

},

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

highlight: function(element, errorClass) {

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

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

}

});

上一篇:Ajax主要包含了哪些技术
下一篇:主要的Ajax框架都有什么

马上预约三天免费体验课

姓名:

电话:

什么是GWT的Entry Point

如何开发一个JQuery插件

DOM和JQuery对象有什么区别

如何用JQuery进行表单验证

选择城市和中心
贵州省

广西省

海南省