html5中限制名字长度代码

用if语句表示，效果这样的:如果输入名字长度不是（2～4位）就会显示“名字长度（2～4)字样”。

可以使用JavaScript来实现在HTML5中限制名字长度的代码，以下是一个示例，可以将其嵌入到HTML5中：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>限制名字长度</title>
</head>
<body>
    <form>
        <label for="name">名字：</label>
        <input type="text" id="name" name="name" onblur="checkName()">
        <div id="nameError" style="color: red;"></div>
        <br>
        <input type="submit" value="提交">
    </form>
    <script>
        function checkName() {
            var name = document.getElementById("name").value;
            if (name.length < 2 || name.length > 4) {
                document.getElementById("nameError").innerHTML = "名字长度应在2~4个字符之间";
            } else {
                document.getElementById("nameError").innerHTML = "";
            }
        }
    </script>
</body>
</html>

在这个示例中，onblur="checkName()"表示当光标从名字输入框移开时，调用checkName()函数。checkName()函数首先获取名字输入框的值，然后使用if语句判断名字的长度是否在2~4个字符之间，如果不是，则将错误信息显示在

元素中，否则清空错误信息。


var name = prompt("请输入名字：");
if (name.length < 2 || name.length > 4) {
  alert("名字长度应在2到4之间");
}


let name ="999"
if(name.length < 2 || name.length > 4) {
  console.log("名字长度应在2~4之间");
}

可以参考这篇文章看看
https://blog.csdn.net/sinat_33185369/article/details/82733069

img

img