javascript在输入错误之后将输入框自动清空

JavaScript正则验证：确保输入为6位数字

最新推荐文章于 2022-12-27 12:30:25 发布

原创最新推荐文章于 2022-12-27 12:30:25 发布 · 2.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

该篇博客介绍了如何使用JavaScript进行正则表达式验证，具体场景是当用户点击提交按钮时，检查输入框内的内容是否为6位数字。如果输入不符合要求，系统会弹出错误提示，并清空输入框内容。示例代码中展示了如何绑定点击事件，创建正则表达式，以及使用test方法进行验证的过程。

假设sub_btn是提交按钮的id，inputBox是文本输入框的id，通过$("#sub_btn").click(function ())绑定点击事件，Text是文本输入框中的文本，Pattern是对应的正则表达式，表示输入的应该是6位数字，然后使用test方法验证Text和Pattern是否匹配，如果不匹配，alert错误信息，并且通过设置inputBox的attr值为""将输入框内容清空，光标回到输入框的开头。

		$("#sub_btn").click(function () {
			var Text = $("#inputBox").val();
			//2 创建正则表达式对象
			var Pattern = /^\d{6}$/;
			//3 使用test方法验证
			if (!Pattern.test(Text)) {
				//4 提示用户结果
				alert("请输入6位0-9的数字！！！");
				$("#inputBox").attr("value","");
				return false;
			}
		})