JQ实现效果：验证用户名是否为空

最新推荐文章于 2022-03-27 20:12:58 发布

鱼儿跳

最新推荐文章于 2022-03-27 20:12:58 发布

阅读量1.3k

点赞数 1

分类专栏： JQ 文章标签： jquery 事件监听

本文链接：https://blog.csdn.net/xin9910/article/details/75067289

版权

JQ 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

如上显示效果代码：

<!DOCTYPE html>
<html>
<head>
	<title>Char 4.1.4</title>
	<meta charset="utf-8"/>
	<style type="text/css">
		.leve1{
			border:2px solid black;
		}
		#message{
			color: red;
			font-size: 6px;
		}
	</style>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#yes").bind('click',function(event){
				if($("#name").val()==''){
					//alert("please input your name!");
					$("#message").html("用户姓名不能为空");
					event.preventDefault();
				}
			});
		})
	</script>
</head>
<body>
	<div class="leve1">
		姓名：<input type="text" name="text" id="name" />
		<input type="button" name="button" value="确定" id="yes">
	</div>
	<div id="message"></div>
</body>
</html>