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

Question

三个类名相同的输入框，要限制只能输入正整数，怎么才能只写一次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>

Answer 1

亲测可用

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 = "";
    }
};
}

求更优雅的解决方法

Answer 2

这样也可以啊

$('body').on('keypress','input.number',function(e){

})