JS限制只允许数字输入

来源：互联网发布：java中定义数组编辑：程序博客网时间：2024/05/16 08:48

示例代码

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>Insert title here</title>    <script src="/js/jquery-3.1.0.min.js"></script></head><body>    <label for="number">测试数字输入</label>    <input type="number" class="form-control" id="number" name="number" value="1" maxlength="1" placeholder="测试数字输入" required>    <script type="text/javascript">    $(document).ready(function() {        $("input[type='number']").keydown(function(evt) {            var iKeyCode = window.event?evt.keyCode:evt.which;                /*                ascii码说明：             8：退格键             46：delete             37-40： 方向键             48-57：小键盘区的数字             96-105：主键盘区的数字             110、190：小键盘区和主键盘区的小数点             189、109：小键盘区和主键盘区的负号             13：回车             9： Tab 就是那个把焦点移到下一个文本框的东东。             */              if((iKeyCode>=48) && (iKeyCode<=57) || (iKeyCode>=96) && (iKeyCode<=105) || (iKeyCode>=37) && (iKeyCode<=40) ||iKeyCode===8|| iKeyCode==46) {            } else {                    if (window.event) {                        //IE                     event.returnValue = false;                    } else {                        //Firefox                    evt.preventDefault();                    }                }        }).keyup(function() {            $(this).val($(this).val().replace(/[^0-9]/g,''));        });    });    </script></body></html>

显示效果

这里写图片描述

阅读全文

0 0