如何用JQuery进行表单验证

2023-07-06   


可以使用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. 如何用Python来进行查询和替换一个文本字符串
  2. 如何用Lucene索引数据库
  3. 如何用英语面试自我介绍
  4. 如何用英文做自我介绍?
  5. 如何用英文做自我介绍?
  6. 面试如何用英文自我介绍