<form action="https://www.baidu.com/" onsubmit="return fn()">
<input type="text" name="userName" />
<input type="password" name="passWord" />
<button type="submit" >点我</button>
</form>
<script>
function fn() {
var flag=true;
var myUserName = document.querySelectorAll("input")[0];
var myPassWord = document.querySelectorAll("input")[1];
if (myUserName.value == "zs") {
if (myPassWord.value == "0819") {
alert("验证成功");
return flag;
}
else {
flag = false;
alert("密码错误,请重新输入");
return flag;
}
}
else {
flag = false;
alert("用户名错误,请重新输入!");
return flag;
}
}
</script>
构建一个登录页面,实现用户名和密码的基本验证
猜你喜欢
转载自blog.csdn.net/weixin_43748930/article/details/85128194
今日推荐
周排行