阻止浏览器默认行为

原创于 2019-11-06 17:29:40 发布 · 103 阅读

CC 4.0 BY-SA版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jss/jquery-1.3.2.min.js" type="text/javascript"></script>
	</head>
	<body>
		<form action="index.html" method="post">
			用户名:<input type="text" id="username" /><br/>
			<input type="submit" value="注册" id="subbtn" />
		</form>
		<script>
			$(document).ready(function(){
				$("#subbtn").bind("click",function(event){
					var username=$("#username").val();
					if(username==""){
						alert("用户名不能为空！");          //弹出提示信息
						$("#username").focus();              //将焦点移至文本框中
						event.preventDefault();        //阻止表单提交的默认行为
			}
			})
			});
		</script>
	</body>
</html>