javascript - 关于表单验证的一些问题

问题描述

问 题

三个类名相同的输入框，要限制只能输入正整数，怎么才能只写一次js其他都可以用？
我的代码：
html:
<input type="text" class="number" id="number"/>
<input type="text" class="number"/>
<input type="text" class="number"/>
//js:以下写法改成获取类名，不起作用
<script>

var myinput = document.getElementById("number");
console.log(myinput);
myinput.onkeyup = function(){
    if(!/^[1-9][0-9]{0,2}$/.test(this.value)){
        this.value = "";
    }
};
myinput.onbeforepaste = function(){/*复制*/
    clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''));
}

</script>

解决方案

亲测可用

var myinput = document.getElementsByClassName("number");
for (var i=0;i<myinput.length;i++) {
    myinput[i].onkeyup = function(){
    if(!/^[1-9][0-9]{0,2}$/.test(this.value)){
        this.value = "";
    }
};
}

求更优雅的解决方法

这篇关于javascript - 关于表单验证的一些问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！