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 相关文章推荐
使用js+jquery实现无限极联动
May 23 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
Mar 04 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
最好用的Bootstrap fileinput.js文件上传组件
Dec 12 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
Jan 25 jQuery
浅谈手写node可读流之流动模式
Jun 01 Javascript
Promise.all中对于reject的处理方法
Aug 01 Javascript
详解小程序rich-text对富文本支持方案
Nov 28 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 04 Javascript
简单了解前端渐进式框架VUE
Jul 20 Javascript
JavaScript Blob对象原理及用法详解
Oct 14 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
PHP SEO优化之URL优化方法
2011/04/21 PHP
解析mysql left( right ) join使用on与where筛选的差异
2013/06/18 PHP
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
CI(CodeIgniter)框架配置
2014/06/10 PHP
php中simplexml_load_file函数用法实例
2014/11/12 PHP
JQUERY 对象与DOM对象之两者相互间的转换
2009/04/27 Javascript
javascript document.compatMode兼容性
2010/02/23 Javascript
原生javascript实现简单的datagrid数据表格
2015/01/02 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
原生js更改css样式的两种方式
2017/03/15 Javascript
小程序实现多选框功能
2018/10/30 Javascript
彻底揭秘keep-alive原理(小结)
2019/05/05 Javascript
javascript+HTML5 canvas绘制时钟功能示例
2019/05/15 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
JavaScript实现单点登录的示例
2020/09/23 Javascript
Python中使用HTMLParser解析html实例
2015/02/08 Python
pandas.cut具体使用总结
2019/06/24 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
Python利用PyPDF2库获取PDF文件总页码实例
2020/04/03 Python
Django如何批量创建Model
2020/09/01 Python
python实现简单贪吃蛇游戏
2020/09/29 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
前端H5 Video常见使用场景简介
2020/08/21 HTML / CSS
英国最大的在线奢侈手表零售商:Jura Watches
2018/01/29 全球购物
加拿大在线隐形眼镜和眼镜店:VisionPros
2019/10/06 全球购物
SQL面试题
2013/04/30 面试题
销售人员个人求职信
2013/09/26 职场文书
客服工作职责
2013/12/11 职场文书
销售员个人求职的自我评价
2014/02/10 职场文书
我爱我校演讲稿
2014/05/21 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
罚站检讨书
2015/01/29 职场文书
2015大学生求职信范文
2015/03/20 职场文书
史上最牛辞职信
2015/05/13 职场文书
债务纠纷代理词
2015/05/25 职场文书