vue,jQuery,原生js实现输入框的金额校验

vue:

html代码:

 js代码:

var vm = new Vue({
            el: '#app',
            data: {
                payMoney:0.00
            },
            methods: {
                 moneyCheck: function () {
                    //保留两位有效数字
                    var reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
                    if (vm.payMoney!= "" && !reg.test(vm.payMoney)) {
                        alert("请输入有效金额!");
                        vm.payMoney = "0.00";
                        return false;
                    }
                }
            }
        });

 jQuery:

html代码(同上,略)

js代码:

$("#payMoney").blur(function () {
            var reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
            if ($("#payMoney").val() != "" && !reg.test($("#payMoney").val())) {
                alert("请输入有效金额!");
                $("#payMoney").val("0.00");
                return false;
            }
        });

 原生js: