用js写:input中姓名输入在2-12字

用js写:input中姓名输入在2-12字,并且点击保存验证是否在字数要求,如果不合格,出现提示:姓名字数要求

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input name='name' id="name" placeholder="请输入你的名字">
    <button onclick="check()">提交</button>

    <script>
        function check() {
            var len = document.getElementById("name").value.length;
            if (len >= 2 && len <= 12) {
                alert("符合条件")
            } else {
                alert("不符合条件")
            }

        }
    </script>
</body>

</html>