validate自定义验证，进行小数点后2位小数的验证（完美）

首页 > 代码库 > validate自定义验证，进行小数点后2位小数的验证（完美）

validate自定义验证，进行小数点后2位小数的验证（完美）

2024-09-07 05:37:25 212人阅读

1.进行form表单提交（咱们这个表单提交的是数字）

<form action="" method="post" id="form" target="_blank">
    <input class="form-control" type="text" id="cash" name="cash">
    <button type="submit" id="btn_sub" class="btn btn-primary">确认充值</button>
</form>

2.进行validate表单验证

　　验证目标：1.输入的必须是数字

　　　　　　　　2.输入的数字不能是负数

　　　　　　　　3.输入的数字不能为空

　　　　　　　　4.输入的数字小数点后最多两位

　　JS代码：

<script>
        //自定义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;
        },"小数点后最多为两位");         //验证错误信息


        //提交表单验证，并ajax传值
        $("#form").validate({

            //验证规则
            rules: {
                cash: {
                    required: true,    //要求输入不能为空
                    number: true,     //输入必须是数字
                    min: 0.01,          //输入的数字最小值为0.01，不能为0或者负数
                    minNumber: $("#cash").val()    //调用自定义验证
                }
            },

            //错误提示信息
            messages: {
                cash: {
                    required: "请填写充值金额",
                    number: "请正确输入金额",
                    min: "输入最小金额为0.01",
                    length: "输入数字最多小数点后两位"
                }
            }
        });

    </script>