validate自定義驗證，進行小數點后2位小數的驗證（完美）

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>

　　　　

　　　　效果演示：

 

驗證輸入不能為負數或者0

 

 

驗證輸入的必須是數字

 

 

驗證輸入最小金額為0.01元

 

 

驗證輸入的數字小數點后不能大於兩位

 

用validate進行表單驗證十分方便，不一定要用正則或者js判斷。

還有我寫的關於ajax+validate表單驗證，參考：http://www.cnblogs.com/jingmin/p/6294982.html

 

這個文章里面有完善的validate表單驗證的參數，大家可以借鑒！

 

這個功能是自己辛苦摳出來的，希望能給大家帶來借鑒！！