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

vue:

html代码:

<div id="app">
    <input class="layui-input" v-model="payMoney" id="payMoney" placeholder="请输入"  
                               @blur="payMoneyCheck"/>
</div>

 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:

<input type="text" id="payMoney" onchange="payMoneyCheck()">
<script>
    function payMoneyCheck(){
         var reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
            if (document.getElementById("demo").value != "" && !reg.test(document.getElementById("demo").value)) {
                alert("请输入有效金额!");
                document.getElementById("demo").value = 0.00;
                return false;
            }
    }
</script>