yaoHTML 2023-03-14 13:40 采纳率: 80%
浏览 52
已结题

html5中限制名字长度代码

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

  • 写回答

5条回答 默认 最新

  • 海拥✘ 全栈领域优质创作者 2023-03-14 14:07
    关注

    可以使用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个字符之间，如果不是，则将错误信息显示在

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

问题事件

  • 系统已结题 3月22日
  • 已采纳回答 3月14日
  • 创建了问题 3月14日