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 相关文章推荐
Javascript 原型和继承(Prototypes and Inheritance)
Apr 01 Javascript
javascript 处理事件绑定的一些兼容写法
Dec 24 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
谷歌Chrome浏览器扩展程序开发小记
Jan 06 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
Feb 14 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
Dec 23 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
纯原生js实现贪吃蛇游戏
Apr 16 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
js判断文件类型大小并给出提示的实现方法
Jan 03 Javascript
解决vue中post方式提交数据后台无法接收的问题
Aug 11 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
Aug 10 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实用代码片段整理
2016/11/12 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
比较详细的关于javascript 解析json的代码
2009/12/16 Javascript
javascript跨域刷新实现代码
2011/01/01 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
2014/01/26 Javascript
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
javascript特殊日历控件分享
2016/03/07 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
bootstrap table配置参数例子
2017/01/05 Javascript
javascript简单写的判断电话号码实例
2017/05/24 Javascript
原生js调用json方法总结
2018/02/22 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
vue实现键盘输入支付密码功能
2018/08/18 Javascript
Vue封装Axios请求和拦截器的步骤
2020/09/16 Javascript
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
[01:19]2014DOTA2国际邀请赛 采访TITAN战队ohaiyo 能赢DK很幸运
2014/07/12 DOTA
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
python根据经纬度计算距离示例
2014/02/16 Python
Python中使用第三方库xlutils来追加写入Excel文件示例
2015/04/05 Python
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
详解Python自建logging模块
2018/01/29 Python
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
Python标准库笔记struct模块的使用
2018/02/22 Python
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
详解Django解决ajax跨域访问问题
2018/08/24 Python
python 列表推导式使用详解
2019/08/29 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
NET程序员上机面试题
2015/05/23 面试题
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
商场促销活动方案
2014/02/08 职场文书
副科级后备干部考察材料
2014/05/15 职场文书
中职生自荐信范文
2014/06/15 职场文书
光荣之路观后感
2015/06/12 职场文书