只能输入数字的脚本

本文介绍了一个简单的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> 
### 实现输入框仅接受数字的方法 在前端开发中,限制输入框仅接受数字可以通过多种方式实现。以下是几种常见的方法及其适用场景: #### 方法一:使用正则表达式替换非法字符 通过 `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、付费专栏及课程。

余额充值