如何用JQuery进行表单验证

学习啦  书荣   2018-11-09 14:27:57

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

如何用JQuery进行表单验证


  可以使用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’})

  }

  });


面试题相关文章:

1.求职面试题目及答案大全

2.经典面试题

3.竞聘上岗面试题及答案

4.抗压能力面试题及参考答案

5.经典情景面试题及参考答案

【猜您感兴趣】
【如何用JQuery进行表单验证】相关文章
【面试题】图文精华
上一篇:怎样将char转换成int
下一篇:关于Java JSP面试题有哪些
学习成就梦想!— — 学习啦