type='number'类型时可以输入字母e的处理

可以输入小数点情况:
	input中加入事件
	onKeypress="return (/[0-9\.]/.test(String.fromCharCode(event.keyCode)))"
	

不可以输入小数点情况:
	正则换成如下
	onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
	
如果需要处理number类型中输入框上下箭头css如下:

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	    -webkit-appearance: none;
	}
	
	input[type="number"] {
	    -moz-appearance: textfield;
	}





	发现火狐浏览器不兼容,下面附vue自定义指令
	
	directives: {
            limit: {
                // 指令的定义
                update: function (el) {
                    el.onkeypress = function (e) {
                        var code = e.charCode;
                        if (code != 0) {
                            if (!String.fromCharCode(code).match(/[0-9\.]/)) {
                                return false;
                            }
                        }
                    }
                    el.addEventListener('textInput', function (e) {
                        e.target.value = e.target.value.replace(/[^0-9\.]/g, '')
                    })
                    el.onkeyup = function (e) {
                        e.target.value = e.target.value.replace(/[^0-9\.]/g, '')
                    }
                }
            }
        },
	用法: <input v-model="form.level" style="width: 132px" type="number" v-limit />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值