zoukankan      html  css  js  c++  java
  • jquery validate 自定义验证方法

    jQuery.validator.addMethod("stringCheck", function (value, element) {
        //return this.optional(element) || /^[u0391-uFFE5w]+$/.test(value);
        if ($("#txtProductName").val().length < 10) {
            return false;
        }
        else {
            return true;
        }
    }, "请输入适合的长度");
    
    //验证
    function validateFrom() {
        $("#form1").validate({
            rules: {
                txtProductName: {
                    required: true,
                    stringCheck: true
                },
                txtMarketPrice: {
                    required: true,
                    number: true
                },
                txtIntegral: {
                    required: true,
                    digits: true
                }
            },
            messages: {
                txtProductName: {
                    required: "请输入礼品名称"
                },
                txtMarketPrice: {
                    required: "请输入市场价"
                },
                txtIntegral: {
                    required: "请输入兑换积分"
                }
            }
            , success: function (label) {
                label.html("&nbsp;").attr("class", "success").siblings("label").remove();
            },
            errorPlacement: function (error, element) {
                $(element).next("span").find(".success").remove();
                error.appendTo(element.next("span"));
            }
        });
    
    }

    自定义验证信息

    jQuery.validator.addMethod("stringCheck", function (value, element) {
        //return this.optional(element) || /^[u0391-uFFE5w]+$/.test(value);
        if ($("#txtProductName").val().length < 10) {
            $.validator.messages["stringCheck"] = "错了";
            return false;
        }
        else {
            $.validator.messages["stringCheck"] = "对了";
            return true;
        }
    
    });
    
    //验证
    function validateFrom() {
        $("#form1").validate({
            rules: {
                txtProductName: {
                    required: true,
                    stringCheck: true
                },
                txtMarketPrice: {
                    required: true,
                    number: true
                },
                txtIntegral: {
                    required: true,
                    digits: true
                }
            },
            messages: {
                txtProductName: {
                    required: "请输入礼品名称"
                },
                txtMarketPrice: {
                    required: "请输入市场价"
                },
                txtIntegral: {
                    required: "请输入兑换积分"
                }
            }
            , success: function (label) {
                label.html("&nbsp;").attr("class", "success").siblings("label").remove();
            },
            errorPlacement: function (error, element) {
                $(element).next("span").find(".success").remove();
                error.appendTo(element.next("span"));
            }
        });
    
    }
  • 相关阅读:
    SpringMVC运行原理浅析
    JavaEE就业学习路线(给初学者以及自学者一个学习方向)
    Java 教程
    EL表达式
    Java 教程 (Java 对象和类)
    Java 教程(开发环境配置+基础语法)
    简介几种负载均衡原理
    Linux常用命令大全
    Java 数据结构
    Java 包(package)
  • 原文地址:https://www.cnblogs.com/hougelou/p/3572851.html
Copyright © 2011-2022 走看看