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


Posted in Javascript onDecember 04, 2009

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>
Javascript 相关文章推荐
清除网页历史记录,屏蔽后退按钮!
Dec 22 Javascript
表格 隔行换色升级版
Nov 07 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
Oct 21 Javascript
js中把JSON字符串转换成JSON对象最好的方法
Mar 21 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
Bootstrap的基本应用要点浅析
Dec 19 Javascript
Bootstrap fileinput组件封装及使用详解
Mar 10 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
Jun 13 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
通过fastclick源码分析彻底解决tap“点透”
Dec 24 Javascript
详解JSON.stringify()的5个秘密特性
May 26 Javascript
js实现圆形菜单选择器
Dec 03 Javascript
对采用动态原型方式无法展示继承机制得思考
Dec 04 #Javascript
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 #Javascript
javascript 跳转代码集合
Dec 03 #Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 #Javascript
javascript json 新手入门文档
Dec 03 #Javascript
js 屏蔽鼠标右键脚本附破解方法
Dec 03 #Javascript
33种Javascript 表格排序控件收集
Dec 03 #Javascript
You might like
使用array_map简单搞定PHP删除文件、删除目录
2014/10/29 PHP
百万级别知乎用户数据抓取与分析之PHP开发
2015/09/28 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
详解ThinkPHP3.2.3验证码显示、刷新、校验
2016/12/29 PHP
Jquery优化效率 提升性能解决方案
2010/09/06 Javascript
js获取指定日期前后的日期代码
2013/08/20 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
2013/09/13 Javascript
js实现div闪烁原理及实现代码
2014/06/24 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
JS限制文本框只能输入数字和字母方法
2015/02/28 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
[06:50]DSPL次级职业联赛十强晋级之路
2014/11/18 DOTA
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
详细介绍Python中的偏函数
2015/04/27 Python
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
Python 实现文件打包、上传与校验的方法
2019/02/13 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
Tensorflow tf.nn.depthwise_conv2d如何实现深度卷积的
2020/04/20 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
俄罗斯三星品牌商店:Samsungstore
2020/04/05 全球购物
介绍下static、final、abstract区别
2015/01/30 面试题
会计专业自荐信
2013/12/02 职场文书
快递业务员岗位职责
2014/01/06 职场文书
入股协议书
2014/04/14 职场文书
艺人经纪人岗位职责
2014/04/15 职场文书
教师考核材料
2014/05/21 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
学校总务处领导班子民主生活会对照检查材料思想汇报
2014/09/27 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android