文本框输入长度限制（条件语句练习）

最新推荐文章于 2023-09-20 14:29:31 发布

会做饭的技术男

最新推荐文章于 2023-09-20 14:29:31 发布

阅读量541

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_h21biaibbiib.html

版权

前端专栏收录该内容

2507 篇文章 12 订阅

订阅专栏

<!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.οnsubmit=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>