layer小程序01--使用正则表达式匹配表单中的内容，并用tips进行提示

最新推荐文章于 2021-02-06 10:38:02 发布

原创最新推荐文章于 2021-02-06 10:38:02 发布 · 395 阅读

0 ·

CC 4.0 BY-SA版权

layer小程序专栏收录该内容

0 篇文章

订阅专栏

本文展示了一个简单的HTML页面，其中包含一个使用jQuery和Layer.js进行用户名输入验证的示例。当用户输入不符合6到20位数字的规则时，会弹出提示信息。这个例子适合初学者学习如何在网页中实现基本的输入检查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="libs/jquery-3.3.1.min.js"></script>
		<script src="layer/layer.js"></script>
		<script type="text/javascript">
	$(function() {
		$("#text").blur(function() {
	var reg = /^\d{6,20}$/;
	var con = $(this).val();
	var flag=reg.test(con);
	if(flag) {
	layer.tips('用户名规范。', '#text', {
		tips: [1, '#3595CC'],
		time: 4000
	});
} else {
	layer.tips('用户名不规范。', '#text', {
  tips: [1, '#3595CC'],
  time: 4000
});

}
});
});
		</script>
	</head>
	<body>
		<form>
			用户名:<input type="text" name="text" id="text" value="dddd"/><br/>
			密码:<input type="password" name="password" id="password"/>
		</form>
		
	</body>
</html>