jquery validate自定义校验

朱自明
2023-12-01

今天记下来以备不时之需,若依项目自定义校验金钱!!!

<script th:inline="javascript">
    var prefix = ctx + "goods/goods"

    //自定义validate验证输入的数字小数点位数不能大于两位
    jQuery.validator.addMethod("minNumber",function(value, element){
        var returnVal = true;
        inputZ=value;
        var ArrMen= inputZ.split(".");    //截取字符串
        if(ArrMen.length==2){
            if(ArrMen[1].length>2){    //判断小数点后面的字符串长度
                returnVal = false;
                return false;
            }
        }
        return returnVal;
    },"小数点后最多为两位");         //验证错误信息

    $("#form-goods-add").validate({
        onkeyup: false,
        //验证规则
        rules: {
            price: {
                required: true,    //要求输入不能为空
                number: true,     //输入必须是数字
                min: 0.01,          //输入的数字最小值为0.01,不能为0或者负数
                minNumber: $("#price").val()    //调用自定义验证
            }
        },
        //错误提示信息
        messages: {
            price: {
                required: "请填写商品金额",
                number: "请正确输入商品金额",
                min: "输入最小商品金额为0.01",
                length: "输入数字最多小数点后两位"
            }
        },
        focusCleanup: true
    });

    function submitHandler() {
        if ($.validate.form()) {
            $.operate.save(prefix + "/add", $('#form-goods-add').serialize());
        }
    }
</script>
 类似资料: