在INPUT中限制只能输入数字的两种方法

来源:互联网 发布:织梦cms增加前台模块 编辑:程序博客网 时间:2024/05/29 14:34

第一种方法:

<input id="Text1" type="text" onkeyup="change(document.getElementById('Text1').value)" />
    <script language="javascript" type="text/javascript">
        function change(str) {
            document.getElementById("Text1").value = str.replace(/\D/gi, "");
        }
</script>



第二种方法:

<!DOCTYPE html>
<head>
<style type="text/css">
div
{
width:120px;
margin:auto;
padding:15px;
border:1px solid black;
}
</style>
</head>
<input id="Text1" type="text" onkeypress="return IsNum(event)" />
    <script language="javascript" type="text/javascript">
        function IsNum(e) {
            var k = window.event ? e.keyCode : e.which;
            if (((k >= 48) && (k <= 57)) || k == 8 || k == 0) {
            } else {
                if (window.event) {
                    window.event.returnValue = false;
                }
                else {
                    e.preventDefault(); //for firefox 
                }
            }
        } 
    </script>




</html>

0 0
原创粉丝点击