JS 控制非法字符的输入代码
更新时间：2009年12月04日 14:04:44 作者：
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>
复制代码 代码如下:
<!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>
您可能感兴趣的文章:
相关文章
使用SyntaxHighlighter实现HTML高亮显示代码的方法
syntaxhighlighter是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。2010-02-02
这篇文章主要介绍了ES6数组的扩展,结合实例形式详细对比分析了ES6数组的新增方法与相关使用技巧,需要的朋友可以参考下2017-04-04
由JavaScript中call()方法引发的对面向对象继承机制call的思考
看到这里的call()方法，以前也看过手册，说是对象冒充的，用于继承的。在jQuery源码里有点乱，所以就把这部分提取出来，放在一个单独文件中，来看看具体执行。2011-09-09
这篇文章主要介绍了详解小程序循环require之坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
Cookie是客户端存放数据的一种方式,可用来做状态保持,下面这篇文章主要给大家介绍了关于JS cookie的设置、读取和删除方法例子的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-01-01
这篇文章主要为大家详细介绍了three.js实现炫酷的全景3D重力感应，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要介绍了js手机号4位显示空格，银行卡每4位显示空格效果，手机号和银行卡号，按照每4位显示一个空格的需求，非常具有实用价值，需要的朋友可以参考下。2017-03-03
本文通过纯javascript技术实现支持移动设备画廊，支持移动设备手势操作，感兴趣的朋友一起来学习吧2015-08-08
隐藏侧边栏，并将图片换成右箭头图片;显示侧边栏，并将图片换成左箭头，这样的效果想必大家都很熟悉吧，接下来实现下，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要为大家详细介绍了微信小程序实现自动定位功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
最新评论