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 相关文章推荐
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
Oct 12 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
js showModalDialog弹出窗口实例详解
Jan 07 Javascript
JavaScript使用Range调色及透明度实例
Sep 25 Javascript
js中的面向对象入门
Mar 06 Javascript
详解create-react-app 自定义 eslint 配置
Jun 07 Javascript
React 组件中的 bind(this)示例代码
Sep 16 Javascript
教你如何编写Vue.js的单元测试的方法
Oct 17 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
Apr 22 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 Javascript
JavaScript实现音乐导航效果
Nov 19 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
linux下安装php的memcached客户端
2014/08/03 PHP
PHP中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
Laravel 5.3 学习笔记之 错误&amp;日志
2016/08/28 PHP
PHP isset()与empty()的使用区别详解
2017/02/10 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
php使用curl_init()和curl_multi_init()多线程的速度比较详解
2018/08/15 PHP
JavaScript For Beginners(转载)
2007/01/05 Javascript
JavaScript isPrototypeOf和hasOwnProperty使用区别
2010/03/04 Javascript
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
2013/12/24 Javascript
使用jQuery和PHP实现类似360功能开关效果
2014/02/12 Javascript
AngularJS基础学习笔记之指令
2015/05/10 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
python中sets模块的用法实例
2014/09/30 Python
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
Python中常用的内置方法
2019/01/28 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
Python解压 rar、zip、tar文件的方法
2019/11/19 Python
Python 之 Json序列化嵌套类方式
2020/02/27 Python
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
2013/01/31 HTML / CSS
《问银河》教学反思
2014/02/19 职场文书
贷款委托书怎么写
2014/08/02 职场文书
群众路线领导干部个人对照检查材料(集锦)
2014/09/23 职场文书
无刑事犯罪记录证明范本
2014/09/29 职场文书
商业用房租赁协议书
2014/10/13 职场文书
赔偿协议书
2015/01/27 职场文书
西游降魔篇观后感
2015/06/15 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
导游词之崇武古城
2019/10/07 职场文书
详解Python描述符的工作原理
2021/06/11 Python
vue的项目如何打包上线
2022/04/13 Vue.js