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中判断控件是否存在
Aug 25 Javascript
MooBox 基于Mootools的对话框插件
Jan 20 Javascript
jquery ajax 调用失败的原因示例介绍
Sep 27 Javascript
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
jQuery满屏焦点图左右滚动特效代码分享
Sep 07 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
vue登录以及权限验证相关的实现
Oct 25 Javascript
Ant Design Pro 下实现文件下载的实现代码
Dec 03 Javascript
es6中使用map简化复杂条件判断操作实例详解
Feb 19 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
Oct 29 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生成固定长度纯数字编码的方法
2015/07/09 PHP
PHP文件打开关闭及读写操作示例解析
2020/08/06 PHP
Ext grid 添加右击菜单
2009/11/26 Javascript
javascrpt绑定事件之匿名函数无法解除绑定问题
2012/12/06 Javascript
jquery入门—选择器实现隔行变色实例代码
2013/01/04 Javascript
提交表单时执行func方法实现代码
2013/03/17 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
2013/04/09 Javascript
利用NodeJS和PhantomJS抓取网站页面信息以及网站截图
2013/11/18 NodeJs
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
JS正则表达式之非捕获分组用法实例分析
2016/12/28 Javascript
关于jquery form表单序列化的注意事项详解
2017/08/01 jQuery
React diff算法的实现示例
2018/04/20 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
2020/02/15 Javascript
详细分析vue表单数据的绑定
2020/07/20 Javascript
原生js 实现表单验证功能
2021/02/08 Javascript
[01:16:50]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第一场 3月7日
2021/03/11 DOTA
python获得图片base64编码示例
2014/01/16 Python
Python判断操作系统类型代码分享
2014/11/22 Python
python简单判断序列是否为空的方法
2015/06/30 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
在Python文件中指定Python解释器的方法
2019/02/18 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
python滑块验证码的破解实现
2019/11/10 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
css3的transform中scale缩放详解
2014/12/08 HTML / CSS
以实惠的价格提供高品质的时尚:Newchic
2018/01/18 全球购物
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
趣味比赛活动方案
2014/02/15 职场文书
《一本男孩子必读的书》教学反思
2014/02/19 职场文书
风险评估实施方案
2014/03/09 职场文书
保护动物倡议书
2014/04/15 职场文书
中层干部培训方案
2014/06/16 职场文书
公司租房协议书范本
2014/10/08 职场文书
《学会看病》教学反思
2016/02/17 职场文书
zabbix监控mysql的实例方法
2021/06/02 MySQL