Input输入框只能输入数字

最新推荐文章于 2024-03-20 16:40:34 发布

置顶聆听HJ

最新推荐文章于 2024-03-20 16:40:34 发布

阅读量334

点赞数

CC 4.0 BY-SA版权

分类专栏：验证

本文链接：https://blog.youkuaiyun.com/weixin_41542329/article/details/78908675

验证专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的仅允许输入数字的文本框方法。通过onkeyup事件结合正则表达式的replace方法，可以有效地限制用户输入非数字字符。

Input输入框只能输入数字

在做此功能时我使用了onkeyup事件和replace（）方法

onkeyup事件：事件会在键盘按键被松开时发生。

replace（）：方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">

</script>
<body>
	<input id="my" type="text" onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请输入数字">  
</body>
</html>