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 一个函数对同一元素的多个事件响应
Jul 25 Javascript
JQuery下的Live方法和$.browser方法使用代码
Jun 02 Javascript
有道JavaScript监听浏览器的问题
Jun 23 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
javascript模拟C#格式化字符串
Aug 26 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
Oct 12 Javascript
AngularJS directive返回对象属性详解
Mar 28 Javascript
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
微信jssdk逻辑在vue中的运用详解
Nov 14 Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 Javascript
Vue-cli3项目引入Typescript的实现方法
Oct 18 Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 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控制网页过期时间的代码
2008/09/28 PHP
php实现对两个数组进行减法操作的方法
2015/04/17 PHP
微信公众号实现扫码获取微信用户信息(网页授权)
2019/04/09 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
javascript replace方法与正则表达式
2008/02/19 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
2013/06/08 Javascript
高效率JavaScript编写技巧整理
2013/08/23 Javascript
Jquery.addClass始终无效原因分析
2013/09/08 Javascript
js的window.showModalDialog及window.open用法实例分析
2015/01/29 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
2016/10/14 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
Vue.js获取被选择的option的value和text值方法
2018/08/24 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
JS可断点续传文件上传实现代码解析
2020/07/30 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
Python中字典(dict)和列表(list)的排序方法实例
2014/06/16 Python
python实现给scatter设置颜色渐变条colorbar的方法
2018/12/13 Python
Python使用crontab模块设置和清除定时任务操作详解
2019/04/09 Python
简单易懂Pytorch实战实例VGG深度网络
2019/08/27 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
Win10用vscode打开anaconda环境中的python出错问题的解决
2020/05/25 Python
简单介绍一下pyinstaller打包以及安全性的实现
2020/06/02 Python
python读取hdfs上的parquet文件方式
2020/06/06 Python
用css3实现转换过渡和动画效果
2020/03/13 HTML / CSS
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
中科软笔试题和面试题
2014/10/07 面试题
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
简历中求职的个人自我评价
2013/12/03 职场文书
写给老师的表扬信
2014/01/21 职场文书
法学专业自我鉴定
2014/02/05 职场文书
2015年综治维稳工作总结
2015/04/07 职场文书
借钱欠条怎么写
2015/07/03 职场文书
新手必备Python开发环境搭建教程
2021/05/28 Python
MySQL系列之四 SQL语法
2021/07/02 MySQL
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android