繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS 控制非法字符的输入代码
- Javascript
- mvc模式分离javascript开发
- 30个美观的有创意的和引人注目的灵感导航菜单
- JS教程:匿名函数
- JS教程:childNodes与parentNode
- IE浏览器的DOM模型
- 使用yui3实现最简单拖动
- YUI的简单的dom事件
- JS区别IE6、IE7、IE8之间的方法
- JavaScript教程:Table行定位效果
- 建立HTML字符串的最快速方法
- 10个美观实用的jQuery和MooTool日历插件
- JS教程:Javascript实现缓动效果
- Javascript小游戏贪吃蛇(详细注释)
- JavaScript组件开发:分析和设计组件
- JavaScript:判断iframe是否加载完成的完美方法
- JS特效详解:图片幻灯片切换
- JS给文本区域(textarea)字数限制
- 用js按比例重定图片尺寸
- 不用组件实现Ajax效果
- PHP+JS实现搜索自动提示
Javascript 中的 JS 控制非法字符的输入代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 208 ::
收藏到网摘: n/a
JS控制非法字符的输入实现代码，需要的朋友可以参考下。 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>
评论 (0) All
