zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    android个人中心界面
    开课第十二周周总结
    android----从相册中选择照片
    《程序员修炼之道:从小工到专家》 阅读笔记
    android----pull解析方式
    开课第十一周周总结
    解决数据库连接时区的问题
    实现数组中连续子数组值和最大
    开课第十周周总结
    解 idea(.IntelliJIdea2019.3)双击打不开的原因
  • 原文地址:https://www.cnblogs.com/james641/p/5219374.html
Copyright © 2011-2022 走看看