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模仿html5 placeholder适应于不支持的浏览器
Jan 13 Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
Apr 15 Javascript
JavaScript中的值类型详细介绍
Dec 29 Javascript
jQuery EasyUi实战教程之布局篇
Jan 26 Javascript
js HTML5上传示例代码完整版
Oct 10 Javascript
package.json文件配置详解
Jun 15 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
Aug 28 Javascript
JavaScript中EventLoop介绍
Jan 22 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
react 移动端实现列表左滑删除的示例代码
Jul 04 Javascript
javascript的hashCode函数实现代码小结
Aug 11 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 Vue.js
对采用动态原型方式无法展示继承机制得思考
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
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
Php中使用Select 查询语句的实例
2014/02/19 PHP
小谈php正则提取图片地址
2014/03/27 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
php实现生成验证码实例分享
2016/04/10 PHP
PHP中上传文件打印错误错误类型分析
2019/04/14 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
原创javascript小游戏实现代码
2010/08/19 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
2012/10/12 Javascript
使用canvas实现仿新浪微博头像截取上传功能
2015/09/02 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
详解Angular中$cacheFactory缓存的使用
2016/08/19 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
2017/05/17 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
使用Python从零开始撸一个区块链
2018/03/14 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
美国亚马逊旗下时尚女装网店:SHOPBOP(支持中文)
2020/10/17 全球购物
英国时尚首饰品牌:Missoma
2020/06/29 全球购物
机电专业大学生求职信
2013/10/04 职场文书
班班通校本培训方案
2014/03/12 职场文书
物理学专业求职信
2014/07/04 职场文书
小学生感恩父母演讲稿
2014/08/28 职场文书
详解MongoDB的条件查询和排序
2021/06/23 MongoDB
CSS实现九宫格布局(自适应)的示例代码
2022/02/12 HTML / CSS