简单的javascript判断密码是否正确

最新推荐文章于 2023-11-14 20:16:03 发布

Bloonglee

最新推荐文章于 2023-11-14 20:16:03 发布

阅读量8.4k

点赞数

分类专栏： web基础文章标签： javascript 判断密码

本文链接：https://blog.csdn.net/qq_23392763/article/details/71104389

版权

web基础专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
table {
margin:20px auto;
border: 2px solid orange;
}
td{
width: 200px;
height: 40px;
text-align: right;
color:black;
background: #aa9988;
padding: 5px;
font-size: 24px;
line-height: 40px;
}
select,input {
width: 200px;
height: 40px;
text-align: left;
}
.sex{
width: 30px;
height: 30px;
font-size: 12px;
text-align: left;
}
#st5,#st6{
text-align: left;
}
#st7,#st8{
height: 30px;
border-radius: 15px;
font-size: 20px;
text-align: center;
}
</style>
<script type="text/javascript">
function $e(ele){
return document.getElementById(ele);
}
function check(){
var boo=$e("st3").value==$e("st4").value;
if(boo){
return true;
}else{
alert("密码不正确");
}
}
function cs(){
var str='';
str +="\n用户名: ";
str +=$e('st1').value;
str +="\n联系电话: ";
str +=$e('st2').value;
str +="\n性别： ";
str +=$e('st5').checked ? '男':'女';
str +="\n学历： "
str +=$e('select').value;
alert("用户信息：\n"+str);
}
</script>
</head>
<body>
<table>
<tr>
<td>用户名</td>
<td><input type="text" id="st1"></td>
</tr>
<tr>
<td>联系电话</td>
<td><input type="text" id="st2"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" id="st3"></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" id="st4" οnblur="check()"></td>
</tr>
<tr>
<td>性别</td>
<td>男<input type="radio" id="st5" class="sex" name="sex">女<input type="radio" id="st6" class="sex" name="sex"></td>
</tr>
<tr>
<td>学历</td>
<td><select id='select'><option>初中</option><option>高中</option>
<option>本科</option><option>专科</option></select></td>
</tr>
<tr><td colspan="2"><input id="st7" type="submit" value="提交" οnclick="cs()"><input id="st8" type="reset" value="重置"></td></tr>
</table>
</body>
</html>