JS实例:控制非法字符输入的JS代码

欢乐大丸子

欢乐大丸子

2016-02-20 01:08

下面,图老师小编带您去了解一下JS实例:控制非法字符输入的JS代码,生活就是不断的发现新事物,get新技能~

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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"
titleJS控制非法字符的输入/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文件代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)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
展开更多 50%)
分享

猜你喜欢

JS实例:控制非法字符输入的JS代码

Web开发
JS实例:控制非法字符输入的JS代码

利用JS控制网页音乐的代码实例

Web开发
利用JS控制网页音乐的代码实例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JS实例:网页上图片延迟加载的JS代码

Web开发
JS实例:网页上图片延迟加载的JS代码

动态控制Table的js代码

Web开发
动态控制Table的js代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

js代码解密

Web开发
js代码解密

JS实例教程:当心JavaScript代码陷阱

Web开发
JS实例教程:当心JavaScript代码陷阱

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PowerPoint 2003地刻录CD功能

PowerPoint 2003地刻录CD功能

Excel创建基本图表

Excel创建基本图表
下拉加载更多内容 ↓