利用JavaScript实现输入框限制输入内容 |21xrx.com

利用JavaScript实现输入框限制输入内容

2023-06-15 17:35:06 深夜i -- --

JavaScript 输入框限制正则表达式

// 判断输入的值是否为数字

input.value = input.getAttribute("oldValue") || "";

在网页开发中，我们经常需要对输入框的内容进行限制，比如只能输入数字、只能输入英文字母或者限制输入的长度。利用JavaScript可以很方便地实现这些限制。下面以限制只能输入数字为例，演示一下具体的实现方法。

首先，我们需要在HTML中添加一个文本框：

然后，在JavaScript中定义一个函数，该函数在用户输入信息时触发。函数中使用正则表达式判断用户输入的内容是否为数字，如果不是数字则将输入框中的内容替换为之前输入的内容。最后要记得调用该函数。


function isNumber(event) {
 var input = document.getElementById("input");
 var val = input.value;
 var reg = /^-?\d*\.?\d*$/; // 正则表达式
 if (!reg.test(val)) { // 判断输入的值是否为数字
  input.value = input.getAttribute("oldValue") || "";
 }
 input.setAttribute("oldValue", input.value); // 将旧值存储到input元素上
}
document.getElementById("input").addEventListener("input", isNumber); // 绑定input事件

这样，当用户在输入框中输入非数字内容时，输入框会自动将输入内容替换为之前输入的内容。

上一篇: idea打包java可执行jar包

下一篇: Java代码编译命令及使用方法详解

评论区

()

相似文章