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动态调整iframe高度的方法
Mar 06 Javascript
jQuery中的常用事件总结
Dec 27 Javascript
读jQuery之十一 添加事件核心方法
Jul 31 Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
Sep 19 Javascript
分享javascript计算时间差的示例代码
Mar 19 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
Jun 08 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
Nov 07 Javascript
js常用正则表达式集锦
May 17 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 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
简单示例AJAX结合PHP代码实现登录效果代码
2008/07/25 PHP
php 操作符与控制结构
2012/03/07 PHP
PHP empty函数报错解决办法
2014/03/06 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
Laravel向公共模板赋值方法总结
2019/06/25 PHP
javascript while语句和do while语句的区别分析
2007/12/08 Javascript
心扬JS分页函数代码
2010/09/10 Javascript
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
javascript中FOREACH数组方法使用示例
2016/03/01 Javascript
JQuery validate插件验证用户注册信息
2016/05/11 Javascript
JS代码实现根据时间变换页面背景效果
2016/06/16 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
elementui的默认样式修改方法
2018/02/23 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
Python中输出ASCII大文字、艺术字、字符字小技巧
2015/04/28 Python
python模块smtplib学习
2018/05/22 Python
matplotlib 输出保存指定尺寸的图片方法
2018/05/24 Python
对Xpath 获取子标签下所有文本的方法详解
2019/01/02 Python
Python登录系统界面实现详解
2019/06/25 Python
python循环嵌套的多种使用方法解析
2019/11/29 Python
通过python调用adb命令对App进行性能测试方式
2020/04/23 Python
python logging模块的使用
2020/09/07 Python
css3.0新属性效果在ie下的解决方案
2010/05/10 HTML / CSS
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
正风肃纪剖析材料
2014/02/18 职场文书
会计系毕业求职信
2014/08/07 职场文书
2015年公司新年寄语
2014/12/08 职场文书
个人合作协议范本
2015/08/06 职场文书
2016中秋节广告语
2016/01/28 职场文书