form表單如果動態驗證的話其實現的原理是使用的是Key,Value值的方式傳值的,name=key,value=value如果不設置name的話,找不到value值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登錄頁</title>
<script src="libs/jquery.min.js"></script>
</head>
<body>
<div>
<form action="start.html" method="get" onsubmit="return check()">
賬號:<input type="text" name="name"><font color="red">*</font><br><br>
密碼:<input type="password" name="password"><font color="red">*</font><br><br>
<input type="submit" value="登錄">
</form>
</div>
</body>
</html>
<script>
function check() {
var name = $("input[name='name']").val();
var password = $("input[name='password']").val();
if (name==''){
console.log("用戶不能爲空")
return false;
}
if (password=="") {
console.log("密碼不能爲空")
return false;
}
var data = {"name":name,"password":password}
$.ajax({
type:"post",
url:"loginController/login",
data:data,
dataType:"json",
success:function (r) {
if (r.code==0){
alert("登錄成功!");
window.location.href="start.html"
} else {
alert(r.msg);
}
}
})
//如果不設置 from表單會進一步操作
return false;
}
</script>