jQuery表单事件之submit事件
上一节
下一节
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>16.10jQuery表单事件之submit事件</title>
<script src="../js/jquery-3.1.1.min.js"></script>
<script>
$(function(){
$('#check').submit(function(){
var l = $('#account').val().length;
alert("账号长度是:"+l);
});
});
</script>
</head>
<body>
<form id="check" action="check.asp" method="post">
账号：
<input type="text" id="account">
<input type="submit" value="验证账号的长度">
</form>
</body>
</html>
默认效果图
输入信息后，单击“验证账号的长度”提交按钮
