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 相关文章推荐
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
Jan 15 Javascript
js实现分享到随页面滚动而滑动效果的方法
Apr 10 Javascript
浅谈Sizzle的“编译原理”
Apr 14 Javascript
原生js页面滚动延迟加载图片
Dec 20 Javascript
jQuery AjaxUpload 上传图片代码
Feb 02 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
vue2.0安装style/css loader的方法
Mar 14 Javascript
在create-react-app中使用css modules的示例代码
Jul 31 Javascript
JS打印彩色菱形的实例代码
Aug 15 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
Aug 13 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
对采用动态原型方式无法展示继承机制得思考
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中实现进程间通讯
2006/10/09 PHP
初识PHP
2014/09/28 PHP
浅谈php的优缺点
2015/07/14 PHP
PHP二维数组排序简单实现方法
2016/02/14 PHP
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
IE6图片加载的一个BUG解决方法
2010/07/13 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
2012/01/08 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
js实现开启密码大写提示
2016/12/21 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
JS 验证码功能的三种实现方式
2018/11/26 Javascript
实用的Vue开发技巧
2019/05/30 Javascript
vue-next/runtime-core 源码阅读指南详解
2019/10/25 Javascript
Python如何快速实现分布式任务
2017/07/06 Python
Python读取图片为16进制表示简单代码
2018/01/19 Python
Python Tkinter 简单登录界面的实现
2019/06/14 Python
python的sorted用法详解
2019/06/25 Python
Python 模拟生成动态产生验证码图片的方法
2020/02/01 Python
HTML5新增的标签和属性归纳总结
2018/05/02 HTML / CSS
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
M.M.LaFleur官网:美国职业女装品牌
2020/10/27 全球购物
报关简历自我评价怎么写
2013/09/19 职场文书
物流仓储实习自我鉴定
2013/09/25 职场文书
个人求职信范文分享
2014/01/31 职场文书
函授大学生自我鉴定
2014/02/05 职场文书
先进集体获奖感言
2014/02/13 职场文书
文科生自我鉴定
2014/02/15 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
教师学期末个人总结
2015/02/13 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书
导游词之阳朔遇龙河
2019/12/16 职场文书
MySQL开启事务的方式
2021/06/26 MySQL