input输入框内容规范正则总结

摘要:
@#$%^&*()-=+]/g,'')"˃//只能输入数字代码//只能输入数字,能输小数点.//数字和小数点方法二//小数点后只能有最多两位,可以输入运算符号:

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) )">

参考:


(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')">

免责声明:文章转载自《input输入框内容规范正则总结》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇基于WebGL的三维交通监控可视化技术应用(实践版) ThingJS2017 ICPC乌鲁木齐 A Coins 概率dp下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

苹果手机Chrome浏览器显示input:disabled时字体颜色总是为浅灰色

今天被测试人员提了个bug:苹果手机浏览器(Chrome)打开h5,控件在input:disabled的样式始终是浅灰色,要求改成黑色。测试对比:1、在多个pc浏览器上浏览input:disabled的样式时,都是自己修改的黑色,但是在苹果手机上的浏览器Chrome打开就是浅灰色,修改无效。2、以为苹果浏览器特殊,在mac电脑上sarfri打开h5,显示为...

pcre和正则表达式的误点

本文只是关于正则一些容易出错的地方,关于正则的学习,可参考如下两篇文章: 基础正则:https://www.cnblogs.com/f-ck-need-u/p/9621130.html Perl正则:https://www.cnblogs.com/f-ck-need-u/p/9648439.html 1.正则中所有的匹配模式,都应该理解为"匹配了某字符或字符...

高中信息技术(Python) 必修1 数据与计算 源代码

本文章原文地址:https://www.cnblogs.com/BobHuang/p/15621121.html,原文体验更佳 教材P68中IDLE显示Python版本为3.7.0,所以建议使用Python3.7系列。 第一章 数据与信息 1.1 感知数据 1.2 数据、信息与知识 1.3 数据采集与编码 1.4 数据管理与安全 1.5 数据与大数据 第二...

002输入子系统驱动

输入子系统概念介绍(第十三课/第一节) 回顾第三个驱动程序(中断方式的按键驱动程序)和测试程序,发现有一些缺点:这个驱动程序没办法用在别人写的现成的应用程序上(比如:QT),因为别人写的应用程序肯定不会来打开你这个"/dev/third_chrdev"。别人打开的是一些现成的设备(比如:/dev/tty),甚至别人都不打开设备,而是直接调用 scanf()...

el-input的keyup事件的使用

使用el-input插件后直接使用keyup 是不生效的: 需要在@keyup事件后加上native,即@keyup.enter.native='(方法)': vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native <input v-on:keyup.enter="submit"> <...

html 通过input video canvas 打开摄像头 定制相机

在机缘巧合之下,了解到用HTML5和javascript调用摄像头来实现拍照功能,今天就把大致原理写下来。页面布局很简单,就是一个input标签,两个HTML5元素video、canvas和一个button按钮。video元素带有开启视频功能的函数,canvas元素带有捕捉图像功能的函数。 源代码如下: <!doctype html><h...