jqery validate、validate自定义验证方法 + jaery form Demo

校验规则

  required:true  必输字段
  remote:"check.php"  使用ajax方法调用check.php验证输入值
  email:true  必须输入正确格式的电子邮件
  url:true  必须输入正确格式的网址
  date:true  必须输入正确格式的日期 日期校验ie6出错,慎用
  dateISO:true  必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
  number:true  必须输入合法的数字(负数,小数)
  digits:true  必须输入整数
  creditcard:  必须输入合法的信用卡号
  equalTo:"#field"  输入值必须和#field相同
  accept:  输入拥有合法后缀名的字符串(上传文件的后缀)
  maxlength:5  输入长度最多是5的字符串(汉字算一个字符)
  minlength:10  输入长度最小是10的字符串(汉字算一个字符)
  rangelength:[5,10]  输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
  range:[5,10]  输入值必须介于 5 和 10 之间
  max:5  输入值不能大于5
  min:10  输入值不能小于10




<script type="text/javascript"> //自定义验证方法 jQuery.validator.addMethod("checkVCode", function (value, element) { var vcodeVal = $.cookie("LiuYanVCode"); return this.optional(element)||(vcodeVal==value); }, "验证码不正确!"); $(document).ready(function () { //验证表单 $("#liuYanForm").validate({ rules: { Title: "required", Question: "required", Email: { required: true, email: true }, VCode: { required: true, checkVCode: true } }, messages: { Title: "请输入标题!", Question: "请输入问题!", Email: { required: "请输入邮箱!", email: "邮箱格式不正确!" }, VCode: { required:"请输入验证码!" } } }); //ajax提交表单 var options = { url: "/TaiHeLibrary/ashx/liuyan_handler.ashx", success: function (d) { if (d == "success") { alert("提交成功!"); } else { alert("提交失败!"); } } }; $("#liuYanForm").ajaxForm(options); $("#btnSubmit").click(function () { $("#liuYanForm").submit(); }); }); </script>

 

posted @ 2016-02-26 09:56  jamess  阅读(235)  评论(0编辑  收藏  举报