input输入框限制（座机，手机号码）

记录一下

座机input输入框：

<input style="width:100px;" id="tel" type="text" onkeyup="value=value.replace(/[^\d\-\d]/g,'')"maxlength=20></input>

手机input输入框：

<input style="width: 100px;" id="mobile" type="text" onkeyup="value=value.replace(/[^\d]/g,'')" maxlength=11></input>

说明：

座机限制只能输入数字和“-”且最大长度20位，手机限制只能输入数字且最大长度11位。

存在一个问题，当是搜狗输入法时，输入中文没有按空格选中汉字直接按Enter输入框中会录入英文字母，以及键盘Shift+home，或者Shift+End并不会有效果，但是使用鼠标选中是可以的。

若有更好的办法请评论探讨！

input输入框限制（座机，手机号码）相关推荐

html5手机号输入框,input输入框限制（座机，手机号码）
记录一下座机input输入框: 手机input输入框: 说明: 座机限制只能输入数字和"-"且最大长度20位,手机限制只能输入数字且最大长度11位. 存在一个问题,当是搜狗输入法 ...
el vue 手机号_Vue实现数字输入框中分割手机号码实例教程
本文主要介绍了Vue实现数字输入框中分割手机号码的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧,希望能帮助到大家. 需求在移动端弹出系统数字键盘,输入手机号码的时 ...
input输入框为number类型时，去掉上下小箭头
input输入框type为number时,去掉上下小箭头,方式如下: <input type="number" ...><style>/* 在Chrome浏 ...
php监听input,jQuery如何实时监听获取input输入框的值
jQuery实时监听获取input输入框的值,在我们日常web项目开发也常需要去实现这样的功能效果.为了作出即时动作去引导浏览者,以便提高网站的用户体验感. 下面我们就结合具体的代码示例,为大家介绍j ...
移动端页面输入法挡住input输入框的解决方法
移动端页面输入法挡住input输入框的解决方法参考文章: (1)移动端页面输入法挡住input输入框的解决方法 (2)https://www.cnblogs.com/haqiao/p/7896922 ...
input输入框在移动端点击有阴影解决方法
input输入框在移动端点击有阴影解决方法参考文章: (1)input输入框在移动端点击有阴影解决方法 (2)https://www.cnblogs.com/dingjiujiu/p/6694332 ...
ios端 input输入框遮挡问题解决
ios端 input输入框遮挡问题解决参考文章: (1)ios端 input输入框遮挡问题解决 (2)https://www.cnblogs.com/yhweb/p/8873239.html (3) ...
移动端，input输入框被手机输入法解决方案
移动端,input输入框被手机输入法解决方案参考文章: (1)移动端,input输入框被手机输入法解决方案 (2)https://www.cnblogs.com/liuhappy/p/8809149 ...
html取输入框中的值,jquery获取input输入框中的值
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值通过 ...

input输入框限制（座机，手机号码）

input输入框限制（座机，手机号码）相关推荐

最新文章

热门文章