JS 控制非法字符的輸入代碼
更新時間：2009年12月04日 14:04:44 作者：
JS控制非法字符的輸入實現(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>這里不允許輸入引號：<br>
<input type="text" name="txtEmail" onkeypress="checkEmail()"/>
</p>
<p>這里只能輸入數字：<br>
<input type="text" name="txtPostalCode" onkeypress="checkPostalCode()"/>
</p>
<p>這里只能輸入大寫英文：<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;設置鍵盤輸入主false，則不能在文本框中輸入內容
*/
function checkComments(){
if (( event.keyCode > 32 && event.keyCode < 48) ||
( event.keyCode > 57 && event.keyCode < 65) ||
( event.keyCode > 90 && event.keyCode < 97)
) {
event.returnValue = false;
}
}
/*
* 引號的ASCII碼為34和39
*/
function checkEmail(){
if ( event.keyCode == 34 || event.keyCode == 39 ) {
event.returnValue = false;
}
}
/*
* 數字的ASCII表示范圍為 45~57
*/
function checkPostalCode() {
if( event.keyCode < 45 || event.keyCode >57 ) {
event.returnValue = false;
}
}
/*
* 大寫英文字母ASCII表示范圍為65~91
* 小寫英文字母ASCII表示范圍為97~123
*/
function checkEnglish() {
if( event.keyCode < 65 || event.keyCode > 91 ) {
event.returnValue = false;
}
}
</script>
復制代碼 代碼如下:
<!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>這里不允許輸入引號：<br>
<input type="text" name="txtEmail" onkeypress="checkEmail()"/>
</p>
<p>這里只能輸入數字：<br>
<input type="text" name="txtPostalCode" onkeypress="checkPostalCode()"/>
</p>
<p>這里只能輸入大寫英文：<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;設置鍵盤輸入主false，則不能在文本框中輸入內容
*/
function checkComments(){
if (( event.keyCode > 32 && event.keyCode < 48) ||
( event.keyCode > 57 && event.keyCode < 65) ||
( event.keyCode > 90 && event.keyCode < 97)
) {
event.returnValue = false;
}
}
/*
* 引號的ASCII碼為34和39
*/
function checkEmail(){
if ( event.keyCode == 34 || event.keyCode == 39 ) {
event.returnValue = false;
}
}
/*
* 數字的ASCII表示范圍為 45~57
*/
function checkPostalCode() {
if( event.keyCode < 45 || event.keyCode >57 ) {
event.returnValue = false;
}
}
/*
* 大寫英文字母ASCII表示范圍為65~91
* 小寫英文字母ASCII表示范圍為97~123
*/
function checkEnglish() {
if( event.keyCode < 65 || event.keyCode > 91 ) {
event.returnValue = false;
}
}
</script>
您可能感興趣的文章:
相關文章
使用SyntaxHighlighter實現(xiàn)HTML高亮顯示代碼的方法
syntaxhighlighter是一個小開源項目，它可以在網頁中對各種程序源代碼語法進行加亮顯示。2010-02-02
這篇文章主要介紹了ES6數組的擴展,結合實例形式詳細對比分析了ES6數組的新增方法與相關使用技巧,需要的朋友可以參考下2017-04-04
由JavaScript中call()方法引發(fā)的對面向對象繼承機制call的思考
看到這里的call()方法，以前也看過手冊，說是對象冒充的，用于繼承的。在jQuery源碼里有點亂，所以就把這部分提取出來，放在一個單獨文件中，來看看具體執(zhí)行。2011-09-09
這篇文章主要介紹了詳解小程序循環(huán)require之坑，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
Cookie是客戶端存放數據的一種方式,可用來做狀態(tài)保持,下面這篇文章主要給大家介紹了關于JS?cookie的設置、讀取和刪除方法例子的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01
這篇文章主要為大家詳細介紹了three.js實現(xiàn)炫酷的全景3D重力感應，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了js手機號4位顯示空格，銀行卡每4位顯示空格效果，手機號和銀行卡號，按照每4位顯示一個空格的需求，非常具有實用價值，需要的朋友可以參考下。2017-03-03
本文通過純javascript技術實現(xiàn)支持移動設備畫廊，支持移動設備手勢操作，感興趣的朋友一起來學習吧2015-08-08
隱藏側邊欄，并將圖片換成右箭頭圖片;顯示側邊欄，并將圖片換成左箭頭，這樣的效果想必大家都很熟悉吧，接下來實現(xiàn)下，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)自動定位功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10