input只可以输入数字或者是最多小数点2位的js代码

花生地瓜

于 2017-02-21 15:05:43 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： pc-web前端开发

本文链接：https://blog.youkuaiyun.com/u013018357/article/details/56283209

pc-web前端开发专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用jQuery验证插件实现对价格输入字段的有效性检查的方法，包括对价格格式的正则匹配及小数点精度限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="text" id="priceStr"  class="sale-input com-input money-input" value="$!{status.value}" name="${status.expression}"  maxlength="12"/>

js代码
$.validator.addMethod("price", function(value, element) {
        var length = value.length;
        var flag = false;
        if(value.indexOf(".") == length - 1){
            flag = false;
        }else{
            flag = true;
        }
        var price = /^[0-9]{1,9}([.]{1}[0-9]{1,2})?$/;
        if(value == 0 || value > 999999999.99){
            flag = false;
        }
        return this.optional(element) || (flag && price.test(value));
    }, "请填写正确的价格，小数精确2位");  //这里用了jquery-validate.js验证插件
    $(".btn-sale").click(function(){
           $(".money-input").rules("add", {    
            required: true,
            price:true,
            messages: {    
                required: "请填写价格",    

            }    
           }); 


        $('.sale-form').validate(); 
    });




     $('.sale-form').validate({
        rules: {    
                priceStr: {    
                    required : true 
                }

        },
        messages: {
                    priceStr: {    
                    required : "请填写价格"
                         }
        }
    });