JavaScript只能输入特定字符，输入其他无效，如只能输入小写字母和数字

最新推荐文章于 2024-04-19 10:07:29 发布

一粒程序米

最新推荐文章于 2024-04-19 10:07:29 发布

阅读量719

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_43449246/article/details/118732524

版权

JavaScript 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

主要用到的函数是onkeypress的事件对象，还有charcode。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		</style>
	</head>
	<body>
		<p>
			<input type="text"  id="field" />
		</p>
		<!-- 制作一个文本框，只能让用户在其中输入小写字母和数字，其他字符输入没有效果 -->
		<script >
			var oField=document.getElementById('field');
			oField.onkeypress=function(e){
				//0-9数字 48-57
				//a-z字母 97-122
				if(!e.charCode>=48&&e.charCode<=57 || e.charCode>=97&&e.charCode<=122){
					e.preventDefault();//阻止默认动作（这个默认动作就是按下键盘会显示这个键盘的字符）
				}
			}
		</script>
	</body>
</html>

一粒程序米

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript只能输入特定字符，输入其他无效，如只能输入小写字母和数字

主要用到的函数是onkeypress的事件对象，还有charcode。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> </style> </head> <body> <p> <input type="t
复制链接

扫一扫