学习啦>创业指南>职场>面试题>《如何用JQuery进行表单验证》正文

如何用JQuery进行表单验证

时间:2018-11-09 14:27:57本文内容及图片来源于读者投稿,如有侵权请联系xuexila888@qq.com 书荣 我要投稿

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


  可以使用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.经典情景面试题及参考答案

Copyright @ 2006 - 2018 学习啦 All Rights Reserved

学习啦 版权所有 粤ICP备15032933号-1

我们采用的作品包括内容和图片全部来源于网络用户和读者投稿,我们不确定投稿用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的权利,请联系:xuexila888@qq.com,我站将及时删除。

学习啦 学习啦

回到顶部