文本框输入长度限制(条件语句练习)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="a.php" method="get" id=z >
<input type="text" id="b"><span id="d"></span>
<input type="submit" id="c">
</form>
<script>
var z=document.forms[0];
var b=document.getElementById("b");
var d=document.getElementById("d");
z.onsubmit=function () {
if(b.value==""){
alert("内容不能为空")
return false;
}
else {
if(b.value.length<6){
d.innerHTML='用户名长度过短<b>×</b>'
return false;
}
else{
d.innerHTML='<b>√</b>';
}

}
}

</script>
</body>
</html>

posted @ 2017-04-19 23:04  非凡。  阅读(920)  评论(0编辑  收藏  举报