input限制输入

摘要:
如果需要调用方法或多个规则来限制输入框,请使用;分隔3:开头不能为0,不能输入小数4.限制输入长度。oninput=“ifvalue=value.slice”与Firefox浏览器兼容。只能输入数字和小数点functioncheckNumber{varkey=window.event?Result){el.className=“warn”;msg.innerHTML=“您只能输入数字”;returnfalse;}否则{el.className=“”;msg.innerHTML=“””;returntrue;}}一个只能输入数字的文本框
1.只能输入数字和小数点 并且小数点不再第一位 和 有且只有一位
 
oninput="value=value.replace(/^D*(d*(?:.d{0,2})?).*$/g, '$1')"
 
2.只能输入数字。如果还需要调用方法或多条规则来限制该输入框,用 ; 隔开
<input type="text" oninput="value=value.replace(/[^d]/g,'');lessNum(this)" />
 
3:开头不能为0,且不能输入小数
<input type="text" oninput="value=value.replace(/[^d]/g,'').replace(/^0{1,}/g,'')" > 
 
4.限制输入长度 
oninput="if(value.length>11)value=value.slice(0,11)"
 
 
 
兼容火狐浏览器 只能输入数字和小数点两位
<html> <body> <script> function checkNumber(e,txt) { var key = window.event ? e.keyCode : e.which; var keychar = String.fromCharCode(key); var el = document.getElementById('test'); var msg = document.getElementById('msg'); reg = /d|./; var result = reg.test(keychar); if(result) { if(e.keyCode==46) result=!(txt.value.split('.').length>1); else result=!(txt.value.split('.').length>1&&txt.value.split('.')[1].length>1); } if(!result) { el.className = "warn"; msg.innerHTML = "只能输入数字"; return false; } else { el.className = ""; msg.innerHTML = ""; return true; } } </script> <div id="test"> 只能输入数字的文本框<input type="text" name="question.page" onkeypress="return checkNumber(event,this);"> <span id="msg"></span> </div> </body> </html>

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

上篇HPC7000刀片Flex-10_VC配置与vsphere网络设计Mysql中的递归查询下篇

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

相关文章

vue+elementui +input输入框关键字筛选检索表格数据展示+分页功能

第一种用axios发送请求到后台,需要后台配合,才能在表格里面渲染页面;想偷懒的小伙建议去直接粘贴复制第三种 <template> <div class="tableDatas"> <div class="searchWord"> <div style="display: inline-block"> 搜索...

js --- execCommand('copy')复制文本到剪切板换行符不生效

起因:   之前需求有个右击复制文本的功能,当时出现的情况是复制后文本的换行符无效了,因为当时时间比较赶,我就用了方案一解决的,但是上线后用户不买单呀,因为剪切板的内容始终是不带换行符的 解决:   有问题的代码    1 let inputNode = document.createElement('input') 2...

JS CustomEvent自定义事件传参

首先,看了鑫大佬的文章后,百度了文章内容的两个方法: 1、CustomEvent事件是有程序创建的,可以有任意自定义功能的事件 2、dispatchEvent()方法给节点分派一个合成事件 这两个方法之前也见过,不过并没有去了解,这次刚好又看到,就简单了解一下。好了,直接进入正文 一、addEventListener事件触发 例子,假设DOM对象变量名称是...

Centos6.5 设置nfs

安装 rpcbind 和 nfs-utils 1 yum install rpcbind 2 yum install nfs-utils 设置共享目录 [root@bogon ~]# vim /etc/exports #修改/etc/exports文件,输出共享目录 添加一行, 例如 /mnt/share *(rw,sync,n...

JavaScript初学指南

目录: 包含与引入(Embedding,including) write 和 writeln 文档对象(document object) bgColor 和 fgColor 消息框(Message Box) 变量(Variables)和条件(Conditions) 函数(Function) onClick onLoad onUnload 表单(Form)...

获取input type=radio属性的value值

  个人代码1: <divclass="form-group" style=" 250px;margin:0 auto;"> <labelfor="">性别</label> <input type="radio" name="driverSex" value="男"/>男 <input type="r...