validate自定义验证,进行小数点后2位小数的验证(完美)

时间:2024-03-17 08:46:43
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>

    

    效果演示:

validate自定义验证,进行小数点后2位小数的验证(完美)

 

验证输入不能为负数或者0

 

validate自定义验证,进行小数点后2位小数的验证(完美)

 

验证输入的必须是数字

 

validate自定义验证,进行小数点后2位小数的验证(完美)

 

验证输入最小金额为0.01元

 

validate自定义验证,进行小数点后2位小数的验证(完美)

 

验证输入的数字小数点后不能大于两位

 

用validate进行表单验证十分方便,不一定要用正则或者js判断。

还有我写的关于ajax+validate表单验证,参考:http://www.cnblogs.com/jingmin/p/6294982.html

 

这个文章里面有完善的validate表单验证的参数,大家可以借鉴!

 

这个功能是自己辛苦抠出来的,希望能给大家带来借鉴!!