只能输入数字的脚本

最新推荐文章于 2025-02-25 10:34:44 发布
最新推荐文章于 2025-02-25 10:34:44 发布
阅读量1k 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript input action function 脚本 电话
本文介绍了一个简单的JavaScript函数，用于验证用户输入的电话号码格式是否正确。该函数允许输入包含数字及常见符号如括号、加号和减号的电话号码。

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

只能输入数字    
   
   
  <script   LANGUAGE="javascript">    
  <!--    
  function   check()    
  {    
  if   (document.form.tell.value==""){    
    alert("請輸入電話號碼！");    
    document.form.tell.focus();    
    return   false;    
  }    
  else{    
    var   Letters   =   "0123456789()+-";    
    for   (i=0;   i<   document.form.tell.value.length;   i++){    
          var   CheckChar   =   document.form.tell.value.charAt(i);    
          if   (Letters.indexOf(CheckChar)   ==   -1){    
              alert("電話號碼格式不正確！");    
              document.form.tell.focus();    
              return   false;    
            }    
        }    
    }    
  }    
  //-->    
  </script>    
   
  在<body>...</body>之间的表单．    
  <form   method="POST"   name=form   action=""   onSubmit="return   check();">    
  <p   align="center">    
      请输入电话号码：<input   type="text"   name="tell"   size="20">    
  <input   type="submit"   value="提交"   name="B1"></p>    
  </form> 
js限制输入框只能输入数字(onkeyup触发)
10-17
### 知识点：使用JavaScript限制输入框只能输入数字 #### 概述 本文介绍了如何利用JavaScript实现仅允许用户在输入框中输入数字的功能。这一需求在各种基于Web的表单验证中非常常见，例如在填写电话号码、身份证...
asp.net中TextBox只能输入数字的最简洁的两种方法
10-26
如果捕获到异常，说明输入包含非数字字符，此时清除TextBox1的文本，并使用`Page.RegisterStartupScript`注册一个JavaScript脚本，使TextBox1获取焦点，提示用户重新输入。 这两种方法结合使用，可以在客户端和...
只能输入数字的脚本javascript- -
朩冰雲的专栏
11-17 522
 只能输入数字的脚本javascript- -1.onafterpaste="this.value=this.value.replace(//D/g,)"> 上半句意思是键盘键入只能是数字，下半句是粘贴也只能是数字滴~ 
shell脚本 输入某个数字，启动脚本中相关命令
m0_56693018的博客
02-14 1201
#!/bin/bash number=$1 if [[ $number -eq 1 ]]; then mkdir /opt/qqq fi if [[ $number -eq 2 ]]; then mkdir /opt/www fi ]# ls /opt/ ]# sh h.sh 1 ]# ls /opt/ qqqq ]# sh h.sh 2 ]# ls /opt/ qqqq www 注意 if [[ $number -eq ...
input框限制只能输入0以及0以上的正数（包括小数）或者除0以外的正数（包括小数）
qq_59625204的博客
02-25 256
【代码】input框限制只能输入0以及0以上的正整数。
限定input输入框输入类型（只能输入数字。。）
qq_29207823的博客
08-29 1537
【代码】限定input输入框输入类型（只能输入数字。。）
限制输入框 只能输入 数字
huangxiaolongren的博客
05-09 332
在项目中 很多地方都会遇到输入框只能输入 数字 不能输入其他的，提供几种方式供小伙伴选择。
JS限制文本框只能输入数字和字母方法
10-24
本文将详细解释如何使用JavaScript来限制文本框中只能输入数字和字母，以及单独限制只能输入数字或字母的方法。 首先，我们需要了解几个基本的JavaScript事件和方法，它们可以帮助我们在用户输入时进行即时的验证。...
JS控制只能输入数字并且最多允许小数点两位
10-15
在网页设计中，控制用户输入是一种常见的需求，特别是在需要用户输入数字的场景下，如何限制输入框只接受数字，并且最多允许小数点两位，这需要对用户输入进行即时的验证和处理。 在给定的文件中，介绍了如何使用...
js 限制input只能输入数字、字母和汉字等等
10-26
本文将详细解释如何通过JavaScript实现对input元素输入内容的限制，主要包括以下几种限制情况：只能输入数字、字母和汉字；只能输入数字，包括小数点；不能输入特定字符；限制小数点后位数等。 1. 限制只能输入数字...
只能输入数字的文本框控件(附源程序)
02-23
只能输入数字的文本框控件
js实现文本框只允许输入数字并限制数字大小的方法
10-23
主要介绍了js实现文本框只允许输入数字并限制数字大小的方法,涉及javascript对字符串正则判断及数值大小判断的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
input输入框只能输入数字而且开头不能为零
weixin_30646315的博客
03-23 2795
<div class="input-choseNum"> <input type="number" id="inp-chooseNum" oninput='this.value=this.value.replace(/^[0]+[0-9]*$/gi,"")' maxlength="5" /> <span class="sureChoose">...
输入框只能输入数字（最好用）
青云码上的博客
12-31 482
原生js <input type="text" oninput="iptEvent(value, event)" placeholder="只能输入数字" /> function iptEvent(value, e) { // 纯数字，不含小数点 e.target.value = value.replace(/\D/g,''); // 纯数字，或者2位内小数 /...
在HTML中限制input 输入框只能输入纯数字
丿灬安之若死
06-01 877
限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/[^\d]/g,'')" 使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 2、onchange = "value=value.replace(/[^\d]/g,'')" 使用 onchange 事件，在输入内容后，只有 i...
按键精灵随机输入数字脚本，防重复脚本
张先生的技术运维博客
09-16 1万+
一、创建数组 二、随机数字存进去 三、for循环判断数组参数是否重复 四、随机数转换成按键 五、查询按键ASCIIma并用for输出数组 下面一图为按键精灵转换后的语言： 下面是TXT中 ： **Dim RndNum(11) Dim n, i, m, Result '初始化数组 For i = 0 To 11 RndNum(i) = 0 Next '生成1-12随机数 n = 0 Rand...
输入框只能输入数字并且不能以0开头
qq_43025385的博客
07-17 3750
输入框只能输入数字并且不能以0开头
编写shell脚本，要求输入一个数字，然后计算出从1到输入数字的和，要求，如果输入的数字小于1，则重新输入，直到输入正确的数字为止；
热门推荐
尘埃落定
06-25 1万+
编写shell脚本，要求输入一个数字，然后计算出从1到输入数字的和，要求，如果输入的数字小于1，则重新输入，直到输入正确的数字为止； #! /bin/bash n=0 while [ $n -lt "1" ]; do read -p "Please input a number, it must greater than "1":" n done sum=0 for i in `se...
输入框只能输入数字
最新发布
04-18
### 实现输入框仅接受数字的方法 在前端开发中，限制输入框仅接受数字可以通过多种方式实现。以下是几种常见的方法及其适用场景： #### 方法一：使用正则表达式替换非法字符 通过 `onkeyup` 或其他事件监听器，在用户输入时实时过滤掉非数字字符。 ```html <input type="text" onkeyup="this.value = this.value.replace(/\D/g, '')"/> ``` 这种方法利用了正则表达式 `\D` 来匹配任何非数字字符并将其移除[^1]。 --- #### 方法二：Vue.js 中的动态绑定与正则校验 在 Vue 项目中，可以借助 `v-model` 和 `oninput` 属性来实现实时校验。 ```html <el-input v-model.number="ruleForm.sort" placeholder="请输入数字(限数字)" oninput="value=value.replace(/[^0-9]/g,'')" /> ``` 此方法不仅能够限制输入框中的内容为纯数字，还支持与其他 Vue 功能无缝集成[^2]。 --- #### 方法三：HTML5 原生属性 `type="number"` 如果目标浏览器兼容 HTML5，则可以直接将 `<input>` 的类型设置为 `number`。 ```html <input type="number" min="0"> ``` 这种方式简单直观，但存在一定的局限性，比如某些旧版浏览器可能不完全支持该功能[^3]。 --- #### 方法四：Layui 框架下的自定义规则 对于基于 Layui 开发的应用程序来说，可通过扩展其内置组件的功能完成需求。 ```html <input type="text" onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')"> ``` 这里额外增加了对前导零的处理逻辑，确保数值不会以多个连续的零开头[^4]。 --- #### 方法五：键盘事件拦截法 (keydown/keypress) 另一种思路是从源头阻止不符合条件按键的操作发生。 ```javascript document.querySelector('input').addEventListener('keydown', function(event){ if (!((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105))){ event.preventDefault(); } }); ``` 上述脚本会检测每次按下键位是否属于合法范围内的数字键；如果不是的话就调用 preventDefault() 函数取消默认行为[^5]。 --- ### 总结 以上列举了几种不同技术栈下关于如何让文本域仅仅接收整型数据的技术方案。开发者应根据实际应用场景选取最合适的策略组合运用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值