文本框輸入限制 [大全]
1上面的文本框只能輸入數(shù)字代碼(小數(shù)點(diǎn)也不能輸入):
CODE:
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
2只能輸入數(shù)字,能輸小數(shù)點(diǎn).(注意漢字.用輸入法和復(fù)制上面三個(gè)是有區(qū)別的在這里)
CODE:
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
CODE:
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能輸入數(shù)字');this.value='';}">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能輸入數(shù)字');this.value='';}">
CODE:
<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="http://www.myboker.com/0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}"">
<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="http://www.myboker.com/0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}"">
3只能輸入字母和漢字
CODE:
<input onkeyup="value="http://www.myboker.com/value.replace(/[\d]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
<input onkeyup="value="http://www.myboker.com/value.replace(/[\d]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
4只能輸入英文字母和數(shù)字,不能輸入中文
CODE:
<input onkeyup="value="http://www.myboker.com/value.replace(/[^\w\.\/]/ig,"'')">
<input onkeyup="value="http://www.myboker.com/value.replace(/[^\w\.\/]/ig,"'')">
5只能輸入數(shù)字和英文chun
CODE:
<input onKeyUp="value="http://www.myboker.com/value.replace(/["^\d|chun]/g,'')">
<input onKeyUp="value="http://www.myboker.com/value.replace(/["^\d|chun]/g,'')">
6小數(shù)點(diǎn)后只能有最多兩位(數(shù)字,中文都可輸入),不能輸入字母和運(yùn)算符號(hào):
CODE:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
7小數(shù)點(diǎn)后只能有最多兩位(數(shù)字,字母,中文都可輸入),可以輸入運(yùn)算符號(hào)
CODE:
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
附:
正則表達(dá)式用于字符串處理，表單驗(yàn)證等場(chǎng)合，實(shí)用高效，但用到時(shí)總是不太把握，以致往往要上網(wǎng)查一番。我將一些常用的表達(dá)式收藏在這里，作備忘之用。本貼隨時(shí)會(huì)更新。
匹配中文字符的正則表達(dá)式： [\u4e00-\u9fa5]
匹配雙字節(jié)字符(包括漢字在內(nèi))：[^\x00-\xff]
應(yīng)用：計(jì)算字符串的長(zhǎng)度（一個(gè)雙字節(jié)字符長(zhǎng)度計(jì)2，ASCII字符計(jì)1）
String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}
匹配空行的正則表達(dá)式：\n[\s| ]*\r
匹配HTML標(biāo)記的正則表達(dá)式：/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正則表達(dá)式：(^\s*)|(\s*$)
應(yīng)用：javascript中沒(méi)有像vbscript那樣的trim函數(shù)，我們就可以利用這個(gè)表達(dá)式來(lái)實(shí)現(xiàn)，如下：
String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
利用正則表達(dá)式分解和轉(zhuǎn)換IP地址：
下面是利用正則表達(dá)式匹配IP地址，并將IP地址轉(zhuǎn)換成對(duì)應(yīng)數(shù)值的Javascript程序：
function IP2V(ip)
{
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正則表達(dá)式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error("Not a valid IP address!")
}
}
不過(guò)上面的程序如果不用正則表達(dá)式，而直接用split函數(shù)來(lái)分解可能更簡(jiǎn)單，程序如下：
var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是："+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))
匹配Email地址的正則表達(dá)式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配網(wǎng)址URL的正則表達(dá)式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
利用正則表達(dá)式去除字串中重復(fù)的字符的算法程序：[注：此程序不正確，原因見(jiàn)本貼回復(fù)]
var s="abacabefgeeii"
var s1=s.replace(/(.).*\1/g,"$1")
var re=new RegExp("["+s1+"]","g"?瓊?渦獢p?????浜睹扥潛桴牥摜極慢?瑨m?)
var s2=s.replace(re,"")
alert(s1+s2) //結(jié)果為：abcefgi
我原來(lái)在CSDN上發(fā)貼尋求一個(gè)表達(dá)式來(lái)實(shí)現(xiàn)去除重復(fù)字符的方法，最終沒(méi)有找到，這是我能想到的最簡(jiǎn)單的實(shí)現(xiàn)方法。思路是使用后向引用取出包括重復(fù)的字符，再以重復(fù)的字符建立第二個(gè)表達(dá)式，取到不重復(fù)的字符，兩者串連。這個(gè)方法對(duì)于字符順序有要求的字符串可能不適用。
得用正則表達(dá)式從URL地址中提取文件名的javascript程序，如下結(jié)果為page1
s="http://www.9499.net/page1.htm"
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2")
alert(s)
利用正則表達(dá)式限制網(wǎng)頁(yè)表單里的文本框輸入內(nèi)容：
用正則表達(dá)式限制只能輸入中文：onkeyup="value="http://www.myboker.com/value.replace(/["^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
用正則表達(dá)式限制只能輸入全角字符： onkeyup="this.value=this.value.replace(/["^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
用正則表達(dá)式限制只能輸入數(shù)字：onkeyup="this.value=this.value.replace(/["^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
用正則表達(dá)式限制只能輸入數(shù)字和英文：onkeyup="this.value=this.value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
補(bǔ)充：
^\d+$ //匹配非負(fù)整數(shù)（正整數(shù) + 0）
^[0-9]*[1-9][0-9]*$ //匹配正整數(shù)
^((-\d+)|(0+))$ //匹配非正整數(shù)（負(fù)整數(shù) + 0）
^-[0-9]*[1-9][0-9]*$ //匹配負(fù)整數(shù)
^-?\d+$ //匹配整數(shù)
^\d+(\.\d+)?$ //匹配非負(fù)浮點(diǎn)數(shù)（正浮點(diǎn)數(shù) + 0）
^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ //匹配正浮點(diǎn)數(shù)
^((-\d+(\.\d+)?)|(0+(\.0+)?))$ //匹配非正浮點(diǎn)數(shù)（負(fù)浮點(diǎn)數(shù) + 0）
^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$ //匹配負(fù)浮點(diǎn)數(shù)
^(-?\d+)(\.\d+)?$ //匹配浮點(diǎn)數(shù)
^[A-Za-z]+$ //匹配由26個(gè)英文字母組成的字符串
^[A-Z]+$ //匹配由26個(gè)英文字母的大寫(xiě)組成的字符串
^[a-z]+$ //匹配由26個(gè)英文字母的小寫(xiě)組成的字符串
^[A-Za-z0-9]+$ //匹配由數(shù)字和26個(gè)英文字母組成的字符串
^\w+$ //匹配由數(shù)字、26個(gè)英文字母或者下劃線組成的字符串
^[\w-]+(\.[\w?瓊?渦獢p?????浜睹扥潛桴牥摜極慢?瑨m?-]+)*@[\w-]+(\.[\w-]+)+$ //匹配email地址
^[a-zA-z]+://匹配(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$ //匹配url
利用正則表達(dá)式去除字串中重復(fù)的字符的算法程序：
var s="abacabefgeeii"
var s1=s.replace(/(.).*\1/g,"$1")
var re=new RegExp("["+s1+"]","g")
var s2=s.replace(re,"")
alert(s1+s2) //結(jié)果為：abcefgi
===============================
如果var s = "abacabefggeeii"
結(jié)果就不對(duì)了，結(jié)果為：abeicfgg
正則表達(dá)式的能力有限
相關(guān)文章
js 正則表達(dá)式學(xué)習(xí)筆記之匹配字符串
這篇文章主要介紹了js 正則表達(dá)式匹配字符串,需要的朋友可以參考下2014-05-05
在貪婪匹配模式一章節(jié)已經(jīng)說(shuō)過(guò)人性是貪婪的，希望獲得更多的金錢(qián)、地位甚至美女，但是也有很多清心寡欲的人，只要滿足基本的生活需求就可以了，在正則表達(dá)式中也有這樣的匹配原則，下面就進(jìn)行一下介紹2016-12-12
mongodb中完全支持正則表達(dá)式，一般查詢中可以使用操作符$regex，本文主要給大家介紹MongoDB正則表達(dá)式及應(yīng)用，介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下2015-10-10
向大家推薦一個(gè)收集整理正則表達(dá)式的網(wǎng)站
向大家推薦一個(gè)收集整理正則表達(dá)式的網(wǎng)站...2007-04-04
ExtJS4的文本框(textField)使用正則表達(dá)式進(jìn)行驗(yàn)證(Regex)的方法
Extjs的Regex的驗(yàn)證屬性分兩種情況,一種是只有紅色提示框；另一種是在提示框邊會(huì)出現(xiàn)一個(gè)類似批注的提示信息，不過(guò)在頁(yè)面加載時(shí)要加上Ext.QuickTips.init();提示框才能正常顯示出來(lái)2016-02-02
這篇文章主要為大家分享了正則表達(dá)式大全，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了idea 正則表達(dá)式搜索替換應(yīng)用詳解,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-05-05
本文給大家分享js基礎(chǔ)之正則表達(dá)式知識(shí)，以及在正則表達(dá)式中() [] {}所代表的意思，本文給大家介紹的非常詳細(xì)，需要的朋友參考下2017-01-01
給文章中的圖片添加下一頁(yè)鏈接或點(diǎn)擊打開(kāi)原圖鏈接2009-08-08
這篇文章主要介紹了正則表達(dá)式匹配各種特殊字符的相關(guān)知識(shí)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08