JS 控制非法字符的輸入代碼
更新時(shí)間:2009年12月04日 14:04:44 作者:
JS控制非法字符的輸入實(shí)現(xiàn)代碼,需要的朋友可以參考下。
html文件代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JS控制非法字符的輸入</title>
</head>
<body>
<form>
<p>這里不允許輸入如下字符:(像!@#$%^&*等)<br>
<textarea rows="2" cols="20" name="comments" onkeypress="checkComments()"></textarea>
</p>
<p>這里不允許輸入引號(hào):<br>
<input type="text" name="txtEmail" onkeypress="checkEmail()"/>
</p>
<p>這里只能輸入數(shù)字:<br>
<input type="text" name="txtPostalCode" onkeypress="checkPostalCode()"/>
</p>
<p>這里只能輸入大寫(xiě)英文:<br>
<input type="text" name="txtEnglish" onkeypress="checkEnglish()"/>
</p>
</form>
</body>
</html>
js文件代碼如下:
<script type="text/javascript" language="JavaScript">
/*
* 特殊字符在ASCII碼中所表示的范圍為32~48,57~65,90~97
* event.returnValue=false;設(shè)置鍵盤(pán)輸入主false,則不能在文本框中輸入內(nèi)容
*/
function checkComments(){
if (( event.keyCode > 32 && event.keyCode < 48) ||
( event.keyCode > 57 && event.keyCode < 65) ||
( event.keyCode > 90 && event.keyCode < 97)
) {
event.returnValue = false;
}
}
/*
* 引號(hào)的ASCII碼為34和39
*/
function checkEmail(){
if ( event.keyCode == 34 || event.keyCode == 39 ) {
event.returnValue = false;
}
}
/*
* 數(shù)字的ASCII表示范圍為 45~57
*/
function checkPostalCode() {
if( event.keyCode < 45 || event.keyCode >57 ) {
event.returnValue = false;
}
}
/*
* 大寫(xiě)英文字母ASCII表示范圍為65~91
* 小寫(xiě)英文字母ASCII表示范圍為97~123
*/
function checkEnglish() {
if( event.keyCode < 65 || event.keyCode > 91 ) {
event.returnValue = false;
}
}
</script>
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JS控制非法字符的輸入</title>
</head>
<body>
<form>
<p>這里不允許輸入如下字符:(像!@#$%^&*等)<br>
<textarea rows="2" cols="20" name="comments" onkeypress="checkComments()"></textarea>
</p>
<p>這里不允許輸入引號(hào):<br>
<input type="text" name="txtEmail" onkeypress="checkEmail()"/>
</p>
<p>這里只能輸入數(shù)字:<br>
<input type="text" name="txtPostalCode" onkeypress="checkPostalCode()"/>
</p>
<p>這里只能輸入大寫(xiě)英文:<br>
<input type="text" name="txtEnglish" onkeypress="checkEnglish()"/>
</p>
</form>
</body>
</html>
js文件代碼如下:
復(fù)制代碼 代碼如下:
<script type="text/javascript" language="JavaScript">
/*
* 特殊字符在ASCII碼中所表示的范圍為32~48,57~65,90~97
* event.returnValue=false;設(shè)置鍵盤(pán)輸入主false,則不能在文本框中輸入內(nèi)容
*/
function checkComments(){
if (( event.keyCode > 32 && event.keyCode < 48) ||
( event.keyCode > 57 && event.keyCode < 65) ||
( event.keyCode > 90 && event.keyCode < 97)
) {
event.returnValue = false;
}
}
/*
* 引號(hào)的ASCII碼為34和39
*/
function checkEmail(){
if ( event.keyCode == 34 || event.keyCode == 39 ) {
event.returnValue = false;
}
}
/*
* 數(shù)字的ASCII表示范圍為 45~57
*/
function checkPostalCode() {
if( event.keyCode < 45 || event.keyCode >57 ) {
event.returnValue = false;
}
}
/*
* 大寫(xiě)英文字母ASCII表示范圍為65~91
* 小寫(xiě)英文字母ASCII表示范圍為97~123
*/
function checkEnglish() {
if( event.keyCode < 65 || event.keyCode > 91 ) {
event.returnValue = false;
}
}
</script>
您可能感興趣的文章:
相關(guān)文章
使用SyntaxHighlighter實(shí)現(xiàn)HTML高亮顯示代碼的方法
syntaxhighlighter是一個(gè)小開(kāi)源項(xiàng)目,它可以在網(wǎng)頁(yè)中對(duì)各種程序源代碼語(yǔ)法進(jìn)行加亮顯示。2010-02-02由JavaScript中call()方法引發(fā)的對(duì)面向?qū)ο罄^承機(jī)制call的思考
看到這里的call()方法,以前也看過(guò)手冊(cè),說(shuō)是對(duì)象冒充的,用于繼承的。在jQuery源碼里有點(diǎn)亂,所以就把這部分提取出來(lái),放在一個(gè)單獨(dú)文件中,來(lái)看看具體執(zhí)行。2011-09-09three.js實(shí)現(xiàn)炫酷的全景3D重力感應(yīng)
這篇文章主要為大家詳細(xì)介紹了three.js實(shí)現(xiàn)炫酷的全景3D重力感應(yīng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12js手機(jī)號(hào)4位顯示空格,銀行卡每4位顯示空格效果
這篇文章主要介紹了js手機(jī)號(hào)4位顯示空格,銀行卡每4位顯示空格效果,手機(jī)號(hào)和銀行卡號(hào),按照每4位顯示一個(gè)空格的需求,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。2017-03-03javascript實(shí)現(xiàn)支持移動(dòng)設(shè)備畫(huà)廊
本文通過(guò)純javascript技術(shù)實(shí)現(xiàn)支持移動(dòng)設(shè)備畫(huà)廊,支持移動(dòng)設(shè)備手勢(shì)操作,感興趣的朋友一起來(lái)學(xué)習(xí)吧2015-08-08JavaScript欄目列表隱藏/顯示簡(jiǎn)單實(shí)現(xiàn)
隱藏側(cè)邊欄,并將圖片換成右箭頭圖片;顯示側(cè)邊欄,并將圖片換成左箭頭,這樣的效果想必大家都很熟悉吧,接下來(lái)實(shí)現(xiàn)下,感興趣的朋友可以參考下哈2013-04-04