input输入框内容规范正则总结
时间:2022-07-24
本文章向大家介绍input输入框内容规范正则总结,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
input type=text
只能输入数字(去掉e和小数点):
<input type="number" onkeydown="return event.keyCode !== 69" />
<input type="text" onkeydown="return ( event.ctrlKey || event.altKey
|| (47<event.keyCode && event.keyCode<58 && event.shiftKey===false)
|| (95<event.keyCode && event.keyCode<106)
|| (event.keyCode===8) || (event.keyCode===9)
|| (event.keyCode>34 && event.keyCode<40)
|| (event.keyCode===46) )">
参考:
- https://www.wandouip.com/t5i185770/
- https://stackoverflow.com/questions/469357/html-text-input-allow-only-numeric-input
(added in 20200813)
// 输入大小写字母、数字、下划线:
<input type="text" οnkeyup="this.value=this.value.replace(/[^w_]/g,'');">
// 输入小写字母、数字、下划线:
<input type="text" οnkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');">
// 输入数字和点
<input type="text" οnkeyup="value=value.replace(/[^d.]/g,'')">
// 输入中文:
<input type="text" οnkeyup="this.value=this.value.replace(/[^u4e00-u9fa5]/g,'')">
// 输入数字:
<input type="text" οnkeyup="this.value=this.value.replace(/D/g,'')">
// 输入英文:
<input type="text" οnkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
// 输入中文、数字、英文:
<input οnkeyup="value=value.replace(/[^wu4E00-u9FA5]/g, '')">
// 输入数字和字母:
<input onKeyUp="value=value.replace(/[W]/g,'')">
// 除了英文的标点符号以外,其他的都可以中文,英文字母,数字,中文标点
<input type="text" οnkeyup="this.value=this.value.replace(/^[^!@#$%^&*()-=+]/g,'')">
// 只能输入数字代码(小数点也不能输入)
<input οnkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')">
// 只能输入数字,能输小数点.
<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 οnchange="if(/D/.test(this.value)){alert('只能输入数字');this.value='';}">
// 数字和小数点方法二
<input type=text t_value="" o_value="" οnkeypress="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.o_value=this.value" οnkeyup="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.o_value=this.value" οnblur="if(!this.value.match(/^(?:[+-]?d+(?:.d+)?|.d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^.d+$/))this.value=0+this.value;if(this.value.match(/^.$/))this.value=0;this.o_value=this.value}">
// 只能输入字母和汉字
<input οnkeyup="value=value.replace(/[d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[d]/g,''))" maxlength=10 name="Numbers">
// 只能输入英文字母和数字,不能输入中文
<input οnkeyup="value=value.replace(/[^w./]/ig,'')">
// 只能输入数字和英文
<input onKeyUp="value=value.replace(/[^d|chun]/g,'')">
// 小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /.dd$/.test(value))event.returnValue=false">
// 小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input οnkeyup="this.value=this.value.replace(/^(-)*(d+).(dd).*$/,'$1$2.$3')">
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- IDA7.0 配置内核调试,双机调试
- ViewPager2与Fragment
- SpringBoot整合SpringSecurity实现JWT认证
- 用Python爬取股票数据,绘制K线和均线并用机器学习预测股价(来自我出的书)
- 用非常硬核的JAVA序列化手段实现对象流的持久化保存
- 微信小程序语音同步智能识别的实现案例
- 数据结构之链式队列的代码实现及有趣应用
- 用自定义链式栈解决力扣括号匹配问题
- String及StringTable(三):StringBuilder源码解读
- UidGenerator:百度开源的分布式ID服务(解决了时钟回拨问题)
- String及StringTable(四):StringBuffer与StringBuilder对比
- Apache James 2.3.2.1 邮箱服务搭建
- SpringBoot实现微信小程序登录的完整例子
- String及StringTable(五):java8的新工具类StringJoiner
- spring security oauth2使用refresh_token报错UserDetailsService is required