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 相关文章推荐
open 动态修改img的onclick事件示例代码
Nov 13 Javascript
JS 屏蔽键盘不可用与鼠标右键不可用的方法
Nov 18 Javascript
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
js显示文本框提示文字的方法
May 07 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
原生js实现电商侧边导航效果
Jan 19 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
Aug 24 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
vue调用语音播放的方法
Sep 27 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 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
基于simple_html_dom的使用小结
2013/07/01 PHP
php中sql注入漏洞示例 sql注入漏洞修复
2014/01/24 PHP
php发送post请求函数分享
2014/03/06 PHP
PHP的curl函数的用法总结
2019/02/14 PHP
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
Html中JS脚本执行顺序简单举例说明
2010/06/19 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
Extjs4中的分页应用结合前后台
2013/12/13 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
jQuery自定义插件详解及实例代码
2016/12/29 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
react中的ajax封装实例详解
2017/10/17 Javascript
JS 实现百度搜索功能
2018/02/01 Javascript
在微信小程序里使用watch和computed的方法
2018/08/02 Javascript
JS实现的冒泡排序,快速排序,插入排序算法示例
2019/03/02 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
2019/05/22 Javascript
Python2和Python3中print的用法示例总结
2017/10/25 Python
Python----数据预处理代码实例
2019/03/20 Python
numpy.where() 用法详解
2019/05/27 Python
Python高级编程之继承问题详解(super与mro)
2019/11/19 Python
python 插入日期数据到Oracle实例
2020/03/02 Python
拿来就用!Python批量合并PDF的示例代码
2020/08/10 Python
Python日志打印里logging.getLogger源码分析详解
2021/01/17 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
CSS3中box-shadow的用法介绍
2015/07/15 HTML / CSS
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
Smallable意大利家庭概念店:设计师童装及家居装饰
2018/01/08 全球购物
员工试用期考核自我鉴定
2014/04/13 职场文书
霸气押韵的班级口号
2014/06/09 职场文书
爱国口号
2014/06/19 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
四风个人对照检查材料思想汇报(办公室通用版)
2014/10/07 职场文书
环卫个人总结
2015/03/03 职场文书
科级干部培训心得体会
2016/01/06 职场文书
详解SQL的窗口函数
2022/04/21 Oracle