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 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
JavaScript 乱码问题
Aug 06 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
jQuery倒计时代码(超简单)
Feb 27 Javascript
Angular 4 指令快速入门教程
Jun 07 Javascript
使用D3.js制作图表详解
Aug 13 Javascript
vue2单元测试环境搭建
May 24 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
Aug 10 Javascript
Vue实现左右菜单联动实现代码
Aug 12 Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 Javascript
使用Vant完成通知栏Notify的提示操作
Nov 11 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邮件专题
2006/10/09 PHP
如何利用php+mysql保存和输出文件
2006/10/09 PHP
自己前几天写的无限分类类
2007/02/14 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
javascript获取作用在元素上面的样式属性代码
2012/09/20 Javascript
JS链式调用的实现方法
2013/03/07 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
javascript生成随机数的方法
2014/05/16 Javascript
编程语言JavaScript简介
2014/10/16 Javascript
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
2017/10/14 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
基于layui轮播图满屏是高度自适应的解决方法
2019/09/16 Javascript
python字符串string的内置方法实例详解
2018/05/14 Python
解决pyinstaller打包exe文件出现命令窗口一闪而过的问题
2018/10/31 Python
15行Python代码实现网易云热门歌单实例教程
2019/03/10 Python
django框架模板中定义变量(set variable in django template)的方法分析
2019/06/24 Python
Python timer定时器两种常用方法解析
2020/01/20 Python
python定义类self用法实例解析
2020/01/22 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
纯css3实现宠物小鸡实例代码
2018/10/08 HTML / CSS
Ivory Isle Designs美国/加拿大:婚礼和活动文具公司
2018/08/21 全球购物
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
Weblogic的布署方式
2013/08/23 面试题
小学优秀班集体申报材料
2014/05/25 职场文书
经典团队口号
2014/06/06 职场文书
工程学毕业生自荐信
2014/06/14 职场文书
会计工作岗位职责
2015/02/03 职场文书
初中毕业感言300字
2015/07/31 职场文书
导游词之麻姑仙境
2019/11/18 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS
golang http使用踩过的坑与填坑指南
2021/04/27 Golang
Windows server 2003卸载和安装IIS的图文教程
2022/07/15 Servers