登陆校验数据

最新推荐文章于 2021-05-17 06:29:42 发布

Levi6LEVI

最新推荐文章于 2021-05-17 06:29:42 发布

阅读量348

点赞数 1

分类专栏： JavaScript

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>校验数据</title>
<script>
function $(id){return document.getElementById(id);}
function checkLogin(){
var username=$("input1").value;
var pwd=$("input2").value;
if(username==""){
alert("用户名不能为空");
$("input1").focus();
return false;
}
else if(username.length<8||username.length>20){
alert("用户名的长度要在8到20个字符之间");
$("input1").focus();
return false;
}
else if(pwd==""){
alert("密码不能为空！");
$("input2").focus();
return false;
}
else {
if(pwd.length<8||pwd.length>20){
alert("密码的长度要在8到20个字符之间");
$("input2").focus();
return false;
}
}
}
</script>
<style type="text/css">
body{background:#336666;}
fieldset{
width:350px;
height:200px;
background:#336666;
margin:25px auto;
padding:20px;
color:white;
text-align:center;
}
legend{
font-size:30px;
color:white;
text-align:center;
}
</style>
</head>
<body>
<form name="form1" method="post" action="js401.php" />
<fieldset>
<legend>用户登录</legend>
用户名  <input type="text" id="input1" name="ip1"><br><br>
密   码  <input type="password" id="input2" name="ip2"><br><br><br>
<input type="submit" value="提交" οnclick="checkLogin()"> <input type="reset" value="重置" />
</fieldset>
</form>
</body>
</html>

Levi6LEVI

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
登陆校验数据

校验数据 function $(id){return document.getElementById(id);}function checkLogin(){var username=$("input1").value;var pwd=$("input2").value; if(username==""){alert("用户名不能为空");$("input1"
复制链接

扫一扫