JS限制输⼊框input输⼊的数据类型
限制input输⼊类型(多种⽅法实现)
限制input输⼊类型在⽇常⼯作中很常见，各种各样，不过也⼤同⼩异，本⽂整理了⼀些
1.只能输⼊和粘贴汉字
<input onkeyup="place(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>
3.只能输⼊和粘贴数字
<input onkeyup="this.value=place(/\D/g,'')" onafterpaste="this.value=place(/\D/g,'')" /><br/>
5.数字脚本
<input onkeyup="if(/\D/.test(this.value)){alert('只能输⼊数字');this.value='';}"><br/>
6.只能输⼊数字和英⽂
<input onkeyup="place(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\d]/g,''))"> <br/>
8.简易禁⽌输⼊汉字
<input >输⼊法不转换，但可粘贴上<br/>
9.输⼊数字和⼩数点
<input onkeyup="place(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>
10.只能数字和"-"，例如在输⼊时间的时候可以⽤到
<input onkeyup="place(/[^\w&=]|_/ig,'')" onblur="place(/[^\w&-]|_/ig,'')" />
JS控制 input 输⼊字符限制
ENTER键可以让光标移到下⼀个输⼊框
代码如下:
<input onkeydown="if(event.keyCode==13)event.keyCode=9" > 只能是中⽂
<input onkeyup="place(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> 屏蔽输⼊法 <input onkeydown="if(event.keyCode==13)event.keyCode=9"> 只能输⼊英⽂和数字
<input onkeyup="place(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^/d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9"> 只能是数字
<input onkeyup="place(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^/d]/g,''))"> 只能显⽰，不能修改
复制代码
代码如下:
<input readonly value="只能显⽰，不能修改">只能输数字，判断按键的值
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
}
</script>
<input onkeydown="onlyNum();">
1.⽂本框只能输⼊数字代码(⼩数点也不能输⼊)
<input onkeyup="this.value=place(//D/g,'')" onafterpaste="this.value=place(//D/g,'')">
2.只能输⼊数字，能输⼩数点.
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
js控制滚动条<input name=txt1 onchange="if(//D/.test(this.value)){alert('只能输⼊数字');this.value='';}">
3.数字和⼩数点⽅法⼆
复制代码
代码如下:
<input type=text t_value="" o_value="" onkeypress="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" onkeyup="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"
onblur="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}"> 4.只能输⼊字母和汉字
<input onkeyup="place(/[/d]/g,'') "onbeforepaste="clipboardData.setData('text',Data('text').replace(/[/d]/g,''))" maxlength=10 name="Numbers">
5.只能输⼊英⽂字母和数字，不能输⼊中⽂
<input onkeyup="place(/[^/w/.//]/ig,'')">
6.只能输⼊数字和英⽂
<font color="Red">chun</font>
<input onKeyUp="place(/[^/d|chun]/g,'')">
7.⼩数点后只能有最多两位(数字，中⽂都可输⼊)，不能输⼊字母和运算符号:<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))urnValue=false">8.⼩数点后只能有最多两位(数字，字母，中⽂都可输⼊)，可以输⼊运算符号:
<input onkeyup="this.value=place(/^(/-)*(/d+)/.(/d/d).*$/,'$1$2.$3')">
只能是数字和⼩数点和加减乘際
9.只能输⼊数字、⼩数点、负数
代码如下:
<input name="input" type="text" onkeyup="JHshNumberText(this)" id="title">
<script language="javascript" type="text/javascript">function JHshNumberText(a)
{
var fa="";
if(a.value.substring(0,1)=="-")
fa="-";
var str=(place(/[^0-9.]/g,'')).replace(/[.][0-9]*[.]/, '.');
if (str.substring(0,1)==".")
str="0"+str;
a.value=fa+str;
}
</script>
1.取消按钮按下时的虚线框，在input⾥添加属性值 hideFocus 或者 HideFocus=true
<input type="submit" value="提交" hidefocus="true" />
2.只读⽂本框内容，在input⾥添加属性值 readonly
<input type="text" readonly />
3.防⽌退后清空的TEXT⽂档(可把style内容做做为类引⽤)
<input type="text" />
4.ENTER键可以让光标移到下⼀个输⼊框
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />
5.只能为中⽂(有闪动)
<input type="text" onkeyup="place(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" />
6.只能为数字(有闪动)
<input type="text" onkeyup="place(/[^/d]/g,'') "
onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^/d]/g,''))" />
7.只能为数字(⽆闪动)
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) urnValue=false" />
8.只能输⼊英⽂和数字(有闪动)
<input type="text" onkeyup="place(/[/W]/g,'')"
onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^/d]/g,''))" />
9.屏蔽输⼊法
<input type="text" name="url" onkeydown="if(event.keyCode==13)event.keyCode=9" />
10. 只能输⼊数字，⼩数点，减号（-）字符(⽆闪动)
<input onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) urnValue=false" /> 11. 只能输⼊两位⼩数，三位⼩数(有闪动)
<input type="text" maxlength="9" onkeyup="if(value.match(/^/d{3}$/))place(value,parseInt(value/10)) ;place(//./d*/./g,'.')" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^/d{3}$/) ||
//./d{3}$/.test(value)) {urnValue=false}" />

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。