源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery.validate表单验证插件使用方法解析

  • 时间:2022-04-20 21:29 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery.validate表单验证插件使用方法解析
为什么要用jquery validate这个表单验证插件:自己写一个通用且功能全面强大的jquery表单验证插件并不容易。jquery validate这个jquery插件几乎可以轻松应对95%以上的表单验证,具体内容如下 [b]使用方式[/b] 1、在控件中[b]使用默认验证规则[/b],例子: 电子邮件(必填) <input id="email" class="required email" value="email@" /> 2、可以在控件中[b]自定义验证规则[/b],例子: 自定义(必填,[3,5])
<input id="complex" value="hi" class="{required:true,minlength:3, maxlength:5,
messages:{required:'为什么不输入一点文字呢',minlength:'输入的太少了',maxlength:'输入那么多干嘛'}}" />
3、通过[b]javascript自定义验证规则[/b],下面的JS自定义了两个规则,password和confirm_password
$().ready(function() {
 $("#form2").validate({
 rules: {
  password: {
  required: true,
  minlength: 5
  },
  confirm_password: {
  required: true,
  minlength: 5,
  equalTo: "#password"
  }
 },
 messages: {
  password: {
  required: "没有填写密码",
  minlength: jQuery.format("密码不能小于{0}个字符")
  },
  confirm_password: {
  required: "没有确认密码",
  minlength: "确认密码不能小于{0}个字符",
  equalTo: "两次输入密码不一致嘛"
  }
 }
 });
});
required除了设置为true/false之外,还可以使用表达式或者函数,比如
$("#form2").validate({
 rules: {
 funcvalidate: {
 required: function() {return $("#password").val()!=""; }
 }
 },
 messages: {
 funcvalidate: {
 required: "有密码的情况下必填"
 }
 }
});
Html 密码<input id="password" name="password" type="password" /> 确认密码<input id="confirm_password" name="confirm_password" type="password" /> 条件验证<input id="funcvalidate" name="funcvalidate" value="" /> 4、[b]使用meta自定义验证信息[/b] 首先用JS设置meta $("#form3").validate({ meta: "validate" });            Html
email<input class="{validate:{required:true, email:true, 
messages:{required:'输入email地址', email:'你输入的不是有效的邮件地址'}}}"/>

5、[b]使用meta可以将验证规则写在自定义的标签内[/b],比如validate JS设置meta
$().ready(function() {
 $.metadata.setType("attr", "validate");
 $("#form1").validate();
});
Html Email
[url=http://www.1sucai.cn/article/96722.htm]功能强大的jquery.validate表单验证插件[/url] 本文已被整理到了[url=http://www.1sucai.cn/Special/352.htm]《jquery表单验证大全》 [/url],欢迎大家学习阅读。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部