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 19 Javascript
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 Javascript
Bootstrap精简教程
Nov 27 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
Feb 03 Javascript
三种Node.js写文件的方式
Mar 08 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 Javascript
vue升级之路之vue-router的使用教程
Aug 14 Javascript
js计算两个日期间的天数月的实例代码
Sep 20 Javascript
jQuery轮播图功能制作方法详解
Dec 03 jQuery
Angular如何由模板生成DOM树的方法
Dec 23 Javascript
0基础学习前端开发的一些建议
Jul 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数组相加 array(“a”)+array(“b”)结果还是array(“a”)
2012/09/19 PHP
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
基于jquery实现ajax无刷新评论
2020/08/19 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
谈谈target=_new和_blank的不同之处
2016/10/25 Javascript
jquery dataTable 后台加载数据并分页实例代码
2017/06/07 jQuery
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
2017/12/21 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
2018/11/29 Javascript
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
2019/01/30 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
浅谈react-router@4.0 使用方法和源码分析
2019/06/04 Javascript
Python最基本的输入输出详解
2015/04/25 Python
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
使用Python来开发Markdown脚本扩展的实例分享
2016/03/04 Python
Python机器学习之决策树算法
2017/12/22 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
python通过TimedRotatingFileHandler按时间切割日志
2019/07/17 Python
基于python3生成标签云代码解析
2020/02/18 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
Python自带的IDE在哪里
2020/07/01 Python
美国体育用品商店:Rally House(NCAA、NFL、MLB、NBA、NHL和MLS)
2018/01/03 全球购物
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
学生会竞选自荐信
2013/10/12 职场文书
自动化专业本科毕业生求职信
2013/10/20 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
迎新晚会主持词开场白
2015/05/28 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
PostgreSQL13基于流复制搭建后备服务器的方法
2022/01/18 PostgreSQL
MySQL索引失效十种场景与优化方案
2023/05/08 MySQL