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>
  • 相关阅读:
    一本通1402 Vigen&#232;re密码
    一本通1166 求f(x,n)
    一本通1083 计算星期几
    一本通1157 哥德巴赫猜想
    一本通1156 求π的值
    SpringBoot多数据源:动态数据源
    cron 表达式
    自定义异常类
    CentOS7 常用命令集合
    想要学好Git,应该掌握哪些基础知识?
  • 原文地址:https://www.cnblogs.com/james641/p/5219374.html
Copyright © 2011-2022 走看看