通过javascri实现输入框只能输入数字

最新推荐文章于 2023-02-26 22:35:49 发布

weixin_33852020

最新推荐文章于 2023-02-26 22:35:49 发布

阅读量198

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wei-jing/p/9574637.html

本文介绍如何使用JavaScript和HTML限制输入框只接受数字输入，并通过实例展示如何确保手机号码输入框仅接收13位数字，适用于网页表单验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

输入框只能输入数字

<input type="text" onkeyup="value=value.replace(/[^\d]/g,'');">

举一个实际的例子如

手机号输入框

输入手机号码的输入框必须满足以下两个条件

1.输入的内容必须为数字

2.数字的为13位

<input type="text"  id="PhoneNum" onkeyup="Phone()">

<script>
function Phone()
{
    var Phone = document.getElementById("PhoneNum").value;
    Phone = Phone.replace(/[^\d]/g,'');
     if(Phone.length>13)//注意JavaScript中的字符串长度的表示方法为string.length与String的length()方法不同
        {
            Phone = Phone.substring(0,13);
        }
    document.getElementById('PhoneNum').value = Phone;
}
</script>

转载于:https://www.cnblogs.com/wei-jing/p/9574637.html