HTML input 输入限制

1.只能输入数字和英文的：
<input οnkeyup="value=value.replace(/[/W]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
ID="Text1" NAME="Text1">
2.只能输入数字的：
<input οnkeyup="value=value.replace(/[^/d]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
ID="Text2" NAME="Text2">
3.只能输入全角的：
<input οnkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"
ID="Text3" NAME="Text3">
4.只能输入汉字的：
<input οnkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"
ID="Text4" NAME="Text4">
5.邮件地址验证：
var regu =
"^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"
var re = new RegExp(regu);
if (s.search(re) != -1) {
return true;
} else {
window.alert ("请输入有效合法的E-mail地址！")
return false;
}
6.身份证：
"^//d{17}(//d|x)$"
7.17种正则表达式
"^//d+$"　　//非负整数（正整数 + 0）
"^[0-9]*[1-9][0-9]*$"　　//正整数
"^((-//d+)|(0+))$"　　//非正整数（负整数 + 0）
"^-[0-9]*[1-9][0-9]*$"　　//负整数
"^-?//d+$"　　　　//整数
"^//d+(//.//d+)?$"　　//非负浮点数（正浮点数 + 0）
"^(([0-9]+//.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*//.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　//正浮点数
"^((-//d+(//.//d+)?)|(0+(//.0+)?))$"　　//非正浮点数（负浮点数 + 0）
"^(-(([0-9]+//.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*//.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　//负浮点数
"^(-?//d+)(//.//d+)?$"　　//浮点数
"^[A-Za-z]+$"　　//由26个英文字母组成的字符串
"^[A-Z]+$"　　//由26个英文字母的大写组成的字符串
"^[a-z]+$"　　//由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串
"^//w+$"　　//由数字、26个英文字母或者下划线组成的字符串
"^[//w-]+(//.[//w-]+)*@[//w-]+(//.[//w-]+)+$"　　　　//email地址
"^[a-zA-z]+://(//w+(-//w+)*)(//.(//w+(-//w+)*))*(//?//S*)?$"　　//url
=============================================
1.取消按钮按下时的虚线框
　　在input里添加属性值 hideFocus 或者 HideFocus=true

2.只读文本框内容
在input里添加属性值 readonly

3.防止退后清空的TEXT文档(可把style内容做做为类引用)
　　<INPUT style=behavior:url(#default#savehistory); type=text
id=oPersistInput>

4.ENTER键可以让光标移到下一个输入框
　　<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9" >

5.只能为中文(有闪动)
　　<input οnkeyup="value="/value.replace(/[" -~]/g,’’)"
οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

6.只能为数字(有闪动)
　　<input οnkeyup="value="/value.replace(/["^/d]/g,’’)
"onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^/d]/g,’’))">

7.只能为数字(无闪动)
　　<input ime-mode:disabled"
οnkeydοwn="if(event.keyCode==13)event.keyCode=9" onKeypress="if
((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

8.只能输入英文和数字(有闪动)
　　<input οnkeyup="value="/value.replace(/[/W]/g,"’’)"
onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^/d]/g,’’))">

9.屏蔽输入法
　　<input type="text" name="url" ime-mode:disabled"
οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

10. 只能输入数字，小数点，减号（-）字符(无闪动)
　　<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 &&
(event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

11. 只能输入两位小数，三位小数(有闪动)
　　<input maxlength=9
οnkeyup="if(value.match(/^/d{3}$/))value="/value.replace(value,parseInt(value/10))"
;value="/value.replace(//./d*/./g,’."’)" onKeyPress="if((event.keyCode<48
|| event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 ||
value.match(/^/d{3}$/) || //./d{3}$/.test(value))
{event.returnValue=false}" id=text_kfxe name=text_kfxe>

只能输入中文

<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 输入限制相关推荐

限制input输入小数只能到3位或者只能输入正整数(兼容ios)
我们在做表单输入时,有时候对于有些输入比较有限制,比如输入天数必须为正整数,再比如有些特殊需求需要输入保留小数点的后面n位.那么我们如何在输入环节就限制用户的输入情况呢? 我们可以用正则表达式来限制. ...
python语言怎么输入-python如何用input输入数组
python如何用input输入数组发布时间:2020-10-16 17:43:27 来源:亿速云阅读:113 作者:小新小编给大家分享一下python如何用input输入数组,相信大部分人都还 ...
ARM Linux内核Input输入子系统浅解
--以触摸屏驱动为例第一章.了解linux input子系统 Linux输入设备总类繁杂,常见的包括有按键.键盘.触摸屏.鼠标.摇杆等等,他们本身就是字符设备,而linux内核将这些设备 ...
Vue中实现输入框Input输入格式限制
Vue中实现输入框Input输入格式限制 1.使用修饰符实现数字输入在VUE中可以在v-modal后添加修饰符的形式来限制输入,比如: <input v-model.number=" ...
python字符串input输入_5.print()函数、转义字符、python注释、常量、字符串、格式化输出、input()输入...
目录 1.内置函数:print() 2.转义字符: 3.python注释: 4.常量: 5.字符串: 6.格式化输出: 7.input()输入: 8.学习单词: 1.内置函数:print() prin ...
php layui实现添加input,Layui实现input输入和选择的方法
Layui实现input输入和选择的方法: HTML代码: 移交单位* 111 222 333 444 555 其中input的几个style样式简单说一下.position:absolute 在这里 ...
validate验证长度 vue_vue input 输入校验字母数字组合且长度小于30的实现代码
下面一段代码给大家分享vue input 校验字母数字组合且长度小于30,具体代码如下所示: validateJyh(glhm){//校验关联交易号 var reg = /^[A-Za-z0-9]{1 ...
Python基础教程：input()输入与数据类型转换
input就是个万能输入,不过input输入的元素都是以str形式保存的,如果要他作为一个整数的话,就需要进行数据类型转换. input的使用 name=input('please input you ...
html5输入框自动放大镜,JS 仿支付宝input输入显示数字放大镜
本文就为大家带来一篇JS 仿支付宝input文本输入框放大组件的实例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧,希望能帮助到大家. input输入的时候可以在后边显 ...
[html] 如何禁止input输入的历史记录
[html] 如何禁止input输入的历史记录给form加上 autocomplete=off 可以禁止整个表单的历史记录给单个input加上 autocomplete=off 可禁止这个input ...

HTML input 输入限制

HTML input 输入限制相关推荐

最新文章

热门文章