HTML Input标签输入限制

只能输入中文

<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">

只能输入英文

<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">

文本框只能输入数字代码（小数点也不能输入）

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

只能输入数字（能输小数点）

方法一

<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">

方法二

<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

方法三：

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

只能输入数字和英文

<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

只能输入字母和中文

<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))"   maxlength=10 name="Numbers">

只能输入字母和数字

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

HTML Input标签输入限制相关推荐

React — input标签输入中文的拼音时候会触发onChange事件解决
在React开发项目的过程中,避免不了会用到input标签(比如在登录.录入用户信息等界面),而使用input标签时候,为了体验限制只能输入数字.或者只能输入数字或者字母.或者只能输入英文等限制条件. ...
Input标签输入完成改变头像
很多时候都需要完成输入一个字段然后就有图片出来,这个类似于qq登录,当你输入完qq之后他就会显示你的头像出来. 这里我直接用一个input与img标签来实现这个功能. 一开始我给这个img标签设置了一 ...
JS控制 input 标签输入为数字及错误提示
学习笔记: 假设现在需要限制<input>标签内输入的内容为数字,并且对其大小进行判断. 涉及的知识主要有: 1.onblur , onblur 事件会在对象失去焦点时发生,也就是当焦点 ...
修改input标签输入样式
去掉input自带的边框: border-style:none; 修改input输入的文字样式: input{font-size: 24px;color:#5d6494; } 修改input框中占位符 ...
uniapp的input标签 type=“number“在移动端打开键盘不能输入小数点问题
uniapp的input标签 type="number"在移动端打开键盘不能输入小数点问题下面展示一些内联代码片. // An highlighted block <in ...
微信小程序--input标签无法输入文字问题
在使用开发者工具运行时,input标签无法输入内容,但是通过电脑浏览器可以输入内容,通过各种查找,终于找到可以使用键盘[tab]键控制
Vue input标签 email和手机号输入验证
Vue input标签 email和手机号输入验证 1. email邮箱验证规则 2. 手机号正则表达式验证规则 vue写法: <script> export default {data( ...
h5 input标签使用正则表达式限制输入
本人小白,目前正在做一个web系统,今天遇到一个需求是患者姓名录入的时候只能是字母和汉字.本人分析了一下,首先,这个不能在js里写,不能等到客户填写完毕之后再提醒,因为除了患者姓名之外,还需要限制患者 ...
关于编辑器对input标签报错提示“表单输入没有相关label”的问题
相信很多朋友在制作表单的时候,我们的编辑器会有下图的相关提示吧我们发现虽然这样并不影响我们的正常使用,但是看着这样的报错提示总是很让人心烦,那么这到底是为什么呢? 其实,这是因为编辑器建议我们在使用 ...

HTML Input标签输入限制

HTML Input标签输入限制相关推荐

最新文章

热门文章