js怎么限制文本框input只能输入数字

最新推荐文章于 2024-07-03 11:46:28 发布

weixin_30613727

最新推荐文章于 2024-07-03 11:46:28 发布

阅读量258

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/net064/p/10243950.html

版权

1、说明

本篇文章介绍怎么使用js限制文本框只能输入数字

2、HTML代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        function validationNumber(e, num) {
            var regu = /^[0-9]+\.?[0-9]*$/;
            if (e.value != "") {
                if (!regu.test(e.value)) {
                    alert("请输入正确的数字");
                    e.value = e.value.substring(0, e.value.length - 1);
                    e.focus();
                } else {
                    if (num == 0) {
                        if (e.value.indexOf('.') > -1) {
                            e.value = e.value.substring(0, e.value.length - 1);
                            e.focus();
                        }
                    }
                    if (e.value.indexOf('.') > -1) {
                        if (e.value.split('.')[1].length > num) {
                            e.value = e.value.substring(0, e.value.length - 1);
                            e.focus();
                        }
                    }
                }
            }
        }

</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="text" onkeyup="validationNumber(this,0)" name="id1" value="" />
    </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/net064/p/10243950.html

weixin_30613727

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js怎么限制文本框input只能输入数字

1、说明本篇文章介绍怎么使用js限制文本框只能输入数字2、HTML代码<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html;...
复制链接

扫一扫