Javascript面试题

当前位置: 面试问题网 > Javascript面试题 > 如何用JQuery进行表单验证

如何用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’})
   }
   });

【如何用JQuery进行表单验证】相关文章

1. 如何用JQuery进行表单验证

2. 如何开发一个JQuery插件

3. 如何整合JQuery和Prototype

4. DOM和JQuery对象有什么区别

5. 如何反序的迭代一个序列?how do I iterate over a sequence in reverse order

6. JAVA语言如何进行异常处理,关键字:throws,throw,try,catch,finally分别代表什么意义?在try块中可以抛出异常吗?

7. 主键(Primary Key)约束和唯一性(UNIQUE)约束的区别

8. JMS中Topic和Queue有什么区别

9. Linux Interview Questions For software testers

10. JSF如何进行表格处理及取值

本文来源:https://www.mianshiwenti.com/a13538.html

点击展开全部

《如何用JQuery进行表单验证》

将本文的Word文档下载到电脑,方便收藏和打印

推荐程度:

进入下载页面

﹝如何用JQuery进行表单验证﹞相关内容

「如何用JQuery进行表单验证」相关专题

其它栏目

也许您还喜欢