js 限制數(shù)字 js限制輸入實(shí)現(xiàn)代碼
更新時(shí)間:2012年12月04日 09:18:49 作者:
在工作中經(jīng)常會(huì)遇到j(luò)s限制輸入方面的要求,本文將詳細(xì)介紹其實(shí)現(xiàn)原理,需要的朋友可以參考下
1.只能輸入漢字的
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
2.只能輸入數(shù)字的
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
簡(jiǎn)易禁止輸入漢字
<input type="text" style="ime-mode:disabled">
輸入數(shù)字和小數(shù)點(diǎn):
onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"
javascript 只能輸入數(shù)字和":".2007-11-24 15:50<input type=text id="aa1" onkeyup="this.value=this.value.replace(/[^\d&:]/g,'')" onblur="this.value=this.value.replace(/[^\d&:]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d&:]/g,'')"/>
只能數(shù)字和":",例如在輸入時(shí)間的時(shí)候可以用到。
<input type=text id="aa" onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&=]|_/ig,'')" />
只能輸入字母和等號(hào),不能輸入漢字。
其它的東西:
只能輸入數(shù)字的腳本javascript- -
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
上半句意思是鍵盤鍵入只能是數(shù)字,下半句是粘貼也只能是數(shù)字
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能輸入數(shù)字');this.value='';}">
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
3.JavaScript限制只能輸入數(shù)字和英文
function isregname( checkobj)
{
var checkOK = "0123456789-_abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var checkStr = checkobj;
var allValid = true;
var decPoints = 0;
for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
}
return (allValid)
}
----------------
if(!(isregname(obj.loginname.value))){
alert("[會(huì)員代號(hào)]不符合規(guī)范,會(huì)員代號(hào)只能是英文字母或數(shù)字");
obj.loginname.focus();
return(false);
}
if(!(isregname(obj.password.value))){
alert("[密碼]不符合規(guī)范,密碼只能是英文字母或數(shù)字");
obj.password.focus();
return(false);
}
4.javascript只能輸入英文和數(shù)字的輸入框
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
5.可以用Javascript對(duì)文本框進(jìn)行檢查,過(guò)濾掉非0-9的字符
<script language="javascript" event="onkeydown" for="document">
if(event.srcElement.name=='TextBox1')
{
if(!KeyIsNumber(event.keyCode))
{
return false;//這句話最關(guān)鍵
}
}
</script>
<script language="javascript">
function KeyIsNumber(KeyCode)
{
//如果輸入的字符是在0-9之間,或者是backspace、DEL鍵
if(((KeyCode>47)&&(KeyCode<58))||(KeyCode==8)||(KeyCode==46))
{
return true;
}
else
{
return false;
}
}
</script>[url=http://blog.csdn.net/xujh/admin/EditPosts.aspx][/url]
6.限制在文本框里面只能輸入IP地址格式
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<style>
.a3{width:30;border:0;text-align:center}
</style>
<script>
function mask(obj){
obj.value=obj.value.replace(/[^\d]/g,'')
key1=event.keyCode
if (key1==37 || key1==39)
{ obj.blur();
nextip=parseInt(obj.name.substr(2,1))
nextip=key1==37?nextip-1:nextip+1;
nextip=nextip>=5?1:nextip
nextip=nextip<=0?4:nextip
eval("ip"+nextip+".focus()")
}
if(obj.value.length>=3)
if(parseInt(obj.value)>=256 || parseInt(obj.value)<=0)
{
alert(parseInt(obj.value)+"IP地址錯(cuò)誤!")
obj.value=""
obj.focus()
return false;
}
else
{ obj.blur();
nextip=parseInt(obj.name.substr(2,1))+1
nextip=nextip>=5?1:nextip
nextip=nextip<=0?4:nextip
eval("ip"+nextip+".focus()")
}
}
function mask_c(obj)
{
clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))
}
</script>
<title>IP地址輸入</title>
</head>
<body>IP地址輸入
<div style="border-width:1;border-color:balck;border-style:solid;width:165;font-size:9pt">
<input type=text name=ip1 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip2 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip3 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip4 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>
</div>
</body>
</HTML>
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
2.只能輸入數(shù)字的
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
簡(jiǎn)易禁止輸入漢字
復(fù)制代碼 代碼如下:
<input type="text" style="ime-mode:disabled">
輸入數(shù)字和小數(shù)點(diǎn):
復(fù)制代碼 代碼如下:
onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"
javascript 只能輸入數(shù)字和":".2007-11-24 15:50<input type=text id="aa1" onkeyup="this.value=this.value.replace(/[^\d&:]/g,'')" onblur="this.value=this.value.replace(/[^\d&:]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d&:]/g,'')"/>
只能數(shù)字和":",例如在輸入時(shí)間的時(shí)候可以用到。
復(fù)制代碼 代碼如下:
<input type=text id="aa" onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&=]|_/ig,'')" />
只能輸入字母和等號(hào),不能輸入漢字。
其它的東西:
只能輸入數(shù)字的腳本javascript- -
復(fù)制代碼 代碼如下:
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
上半句意思是鍵盤鍵入只能是數(shù)字,下半句是粘貼也只能是數(shù)字
復(fù)制代碼 代碼如下:
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能輸入數(shù)字');this.value='';}">
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
3.JavaScript限制只能輸入數(shù)字和英文
復(fù)制代碼 代碼如下:
function isregname( checkobj)
{
var checkOK = "0123456789-_abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var checkStr = checkobj;
var allValid = true;
var decPoints = 0;
for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
}
return (allValid)
}
----------------
if(!(isregname(obj.loginname.value))){
alert("[會(huì)員代號(hào)]不符合規(guī)范,會(huì)員代號(hào)只能是英文字母或數(shù)字");
obj.loginname.focus();
return(false);
}
if(!(isregname(obj.password.value))){
alert("[密碼]不符合規(guī)范,密碼只能是英文字母或數(shù)字");
obj.password.focus();
return(false);
}
4.javascript只能輸入英文和數(shù)字的輸入框
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
5.可以用Javascript對(duì)文本框進(jìn)行檢查,過(guò)濾掉非0-9的字符
復(fù)制代碼 代碼如下:
<script language="javascript" event="onkeydown" for="document">
if(event.srcElement.name=='TextBox1')
{
if(!KeyIsNumber(event.keyCode))
{
return false;//這句話最關(guān)鍵
}
}
</script>
<script language="javascript">
function KeyIsNumber(KeyCode)
{
//如果輸入的字符是在0-9之間,或者是backspace、DEL鍵
if(((KeyCode>47)&&(KeyCode<58))||(KeyCode==8)||(KeyCode==46))
{
return true;
}
else
{
return false;
}
}
</script>[url=http://blog.csdn.net/xujh/admin/EditPosts.aspx][/url]
6.限制在文本框里面只能輸入IP地址格式
復(fù)制代碼 代碼如下:
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<style>
.a3{width:30;border:0;text-align:center}
</style>
<script>
function mask(obj){
obj.value=obj.value.replace(/[^\d]/g,'')
key1=event.keyCode
if (key1==37 || key1==39)
{ obj.blur();
nextip=parseInt(obj.name.substr(2,1))
nextip=key1==37?nextip-1:nextip+1;
nextip=nextip>=5?1:nextip
nextip=nextip<=0?4:nextip
eval("ip"+nextip+".focus()")
}
if(obj.value.length>=3)
if(parseInt(obj.value)>=256 || parseInt(obj.value)<=0)
{
alert(parseInt(obj.value)+"IP地址錯(cuò)誤!")
obj.value=""
obj.focus()
return false;
}
else
{ obj.blur();
nextip=parseInt(obj.name.substr(2,1))+1
nextip=nextip>=5?1:nextip
nextip=nextip<=0?4:nextip
eval("ip"+nextip+".focus()")
}
}
function mask_c(obj)
{
clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))
}
</script>
<title>IP地址輸入</title>
</head>
<body>IP地址輸入
<div style="border-width:1;border-color:balck;border-style:solid;width:165;font-size:9pt">
<input type=text name=ip1 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip2 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip3 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip4 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>
</div>
</body>
</HTML>
您可能感興趣的文章:
- 怎么限制input的text里輸入的值只能是數(shù)字(正則、js)
- js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法
- js限制文本框只能輸入整數(shù)或者帶小數(shù)點(diǎn)的數(shù)字
- JS限制文本框只能輸入數(shù)字和字母方法
- 3種Jquery限制文本框只能輸入數(shù)字字母的方法
- js限制文本框只能輸入數(shù)字方法小結(jié)
- js 限制input只能輸入數(shù)字、字母和漢字等等
- 『JavaScript』限制Input只能輸入數(shù)字實(shí)現(xiàn)思路及代碼
- js限制文本框只能輸入數(shù)字(正則表達(dá)式)
- js數(shù)字輸入框(包括最大值最小值限制和四舍五入)
- 限制只能輸入數(shù)字的實(shí)現(xiàn)代碼
相關(guān)文章
手機(jī)開(kāi)發(fā)必備技巧:javascript及CSS功能代碼分享
這篇文章主要介紹了手機(jī)開(kāi)發(fā)必備技巧:javascript及CSS功能代碼分享,本文講解了viewport(可視區(qū)域)操作、鏈接操作、javascript事件等內(nèi)容,需要的朋友可以參考下2015-05-05javascript計(jì)算當(dāng)月剩余天數(shù)(天數(shù)計(jì)算器)示例代碼
本文介紹了利用Javascript在網(wǎng)頁(yè)上計(jì)算當(dāng)前月份的剩余天數(shù)的方法,大家參考使用吧2014-01-01用jscript實(shí)現(xiàn)新建和保存一個(gè)word文檔
用jscript實(shí)現(xiàn)新建和保存一個(gè)word文檔...2007-06-06使用typescript類型來(lái)實(shí)現(xiàn)快排詳情
這篇文章主要介紹了使用typescript類型來(lái)實(shí)現(xiàn)快排詳情,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08基于js實(shí)現(xiàn)的限制文本框只可以輸入數(shù)字
本文主要介紹了js限制文本框只可以輸入數(shù)字的實(shí)例代碼,可復(fù)制直接調(diào)用函數(shù)實(shí)現(xiàn)其功能。需要的朋友可以看下2016-12-12mui框架 頁(yè)面無(wú)法滾動(dòng)的解決方法(推薦)
下面小編就為大家分享一篇mui框架 頁(yè)面無(wú)法滾動(dòng)的解決方法(推薦),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01