javascritp實(shí)現(xiàn)input輸入框相關(guān)限制用法
更新時(shí)間:2007年06月29日 00:00:00 作者:
1.取消按鈕按下時(shí)的虛線框
在input里添加屬性值 hideFocus 或者 HideFocus=true
2.只讀文本框內(nèi)容
在input里添加屬性值 readonly
3.防止退后清空的TEXT文檔(可把style內(nèi)容做做為類引用)
<INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>
4.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9" >
5.只能為中文(有閃動(dòng))
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">
6.只能為數(shù)字(有閃動(dòng))
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
7.只能為數(shù)字(無(wú)閃動(dòng))
<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
8.只能輸入英文和數(shù)字(有閃動(dòng))
<input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
9.屏蔽輸入法
<input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">
10. 只能輸入 數(shù)字,小數(shù)點(diǎn),減號(hào)(-) 字符(無(wú)閃動(dòng))
<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
11. 只能輸入兩位小數(shù),三位小數(shù)(有閃動(dòng))
<input maxlength=9 onkeyup="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" name="input1" value="中國(guó)">
怎樣使input中的內(nèi)容為只讀,也就是說(shuō)不讓用戶更改里面的內(nèi)容。
<input type="text" name="input1" value="中國(guó)" onfocus=this.blur()>
<input type="text" name="input1" value="中國(guó)" readonly>
<input type="text" name="input1" value="中國(guó)" disabled>
最好不要用disabled,不然就無(wú)法取出里面的值了.
<input type="text" name="input1" value="中國(guó)" readonly="true">
<input type="text" name="input1" value="中國(guó)" readonly style="color:#999 ;">
在input里添加屬性值 hideFocus 或者 HideFocus=true
2.只讀文本框內(nèi)容
在input里添加屬性值 readonly
3.防止退后清空的TEXT文檔(可把style內(nèi)容做做為類引用)
<INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>
4.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9" >
5.只能為中文(有閃動(dòng))
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">
6.只能為數(shù)字(有閃動(dòng))
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
7.只能為數(shù)字(無(wú)閃動(dòng))
<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
8.只能輸入英文和數(shù)字(有閃動(dòng))
<input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
9.屏蔽輸入法
<input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">
10. 只能輸入 數(shù)字,小數(shù)點(diǎn),減號(hào)(-) 字符(無(wú)閃動(dòng))
<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
11. 只能輸入兩位小數(shù),三位小數(shù)(有閃動(dòng))
<input maxlength=9 onkeyup="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" name="input1" value="中國(guó)">
怎樣使input中的內(nèi)容為只讀,也就是說(shuō)不讓用戶更改里面的內(nèi)容。
<input type="text" name="input1" value="中國(guó)" onfocus=this.blur()>
<input type="text" name="input1" value="中國(guó)" readonly>
<input type="text" name="input1" value="中國(guó)" disabled>
最好不要用disabled,不然就無(wú)法取出里面的值了.
<input type="text" name="input1" value="中國(guó)" readonly="true">
<input type="text" name="input1" value="中國(guó)" readonly style="color:#999 ;">
您可能感興趣的文章:
- Android文本輸入框(EditText)輸入密碼時(shí)顯示與隱藏
- Android實(shí)現(xiàn)動(dòng)態(tài)顯示或隱藏密碼輸入框的內(nèi)容
- Android軟鍵盤(pán)擋住輸入框的終極解決方案
- 5種方法完美解決android軟鍵盤(pán)擋住輸入框方法詳解
- Android高級(jí)xml布局之輸入框EditText設(shè)計(jì)
- 解決Android軟鍵盤(pán)彈出覆蓋h5頁(yè)面輸入框問(wèn)題
- Android UI設(shè)計(jì)系列之自定義EditText實(shí)現(xiàn)帶清除功能的輸入框(3)
- Android仿支付寶自定義密碼輸入框及安全鍵盤(pán)(密碼鍵盤(pán))
- Android 仿支付寶密碼輸入框效果
- android仿微信支付寶的支付密碼輸入框示例
- java swing實(shí)現(xiàn)QQ賬號(hào)密碼輸入框
相關(guān)文章
js select 標(biāo)簽選定項(xiàng)的值獲取代碼
用js獲取當(dāng)前選定的select的值的函數(shù)2009-03-03
checkbox 多選框 聯(lián)動(dòng)實(shí)現(xiàn)代碼
對(duì)于checkbox 多選的聯(lián)動(dòng)效果,是個(gè)不錯(cuò)的思路,附代碼2008-10-10
輸入文字自動(dòng)變化寬度的INPUT,帶計(jì)數(shù)(圖)
隨著輸入文字的多少自動(dòng)變化寬度的INPUT,帶計(jì)數(shù)2008-11-11
一個(gè)即時(shí)表單驗(yàn)證的javascript代碼
一個(gè)即時(shí)表單驗(yàn)證的javascript代碼...2007-07-07
IE不支持option的display樣式,只能使用remove和add
想實(shí)現(xiàn)一個(gè)很簡(jiǎn)單的功能:當(dāng)選中“中介”時(shí),不顯示“求購(gòu)”與“求租”。本以為通過(guò)display:none即可實(shí)現(xiàn),結(jié)果發(fā)現(xiàn)在option元素上使用display:none在firefox中有效,在IE6、IE7、IE8中都無(wú)效。2009-12-12

