Javascript 当用户名少于4个字符时，如何设置CustomValidity？_Javascript_Jquery_Html

Javascript 当用户名少于4个字符时，如何设置CustomValidity？

javascript jquery html

Javascript 当用户名少于4个字符时，如何设置CustomValidity？,javascript,jquery,html,Javascript,Jquery,Html,我有这个简单的html和Jquery代码。我想将setCustomValidity设置为当用户在文本字段中输入4个字符时显示。到目前为止，我的代码没有得到这样的结果： <html> <body> <input type="text" placeholder="Username" oninvalid="setCustomValidity('Please enter username')" oninput="setCustomValidity('')" id=

我有这个简单的html和Jquery代码。我想将setCustomValidity设置为当用户在文本字段中输入4个字符时显示。到目前为止，我的代码没有得到这样的结果：

<html>
<body>

    <input type="text" placeholder="Username" oninvalid="setCustomValidity('Please enter username')" oninput="setCustomValidity('')" id="username" name="username"" required>

</body>
<script>
    var username = $("#username").val();

    if (username.strlen < 4) {
        username.setCustomValidity('Username must contain at least 5 characters');
    } else {
        username.setCustomValidity('');
    }

    $(document).ready(function() {
        $("#username").keyup(checkUsername);
    });
</script>
</html>


字符串中没有strlen方法。您可能需要使用长度

所以应该是
if (username.length <= 4)

if（username.length字符串中没有strlen
方法。您可能需要使用length

所以应该是
if (username.length <= 4)

if（username.lengthfriend为什么不使用html5模式
    <input type="text" placeholder="Username"  pattern=".{5,}" title="Username must contain at least 5 characters" required id="username" name="username">



注意：现在用户无法在用户文本字段中输入少于5个字符
演示：-
朋友，为什么不使用html5模式
    <input type="text" placeholder="Username"  pattern=".{5,}" title="Username must contain at least 5 characters" required id="username" name="username">



注意：现在用户无法在用户文本字段中输入少于5个字符
演示：-

别担心，兄弟，我在使用chrome，它的工作性能很好，html5适用于所有最新浏览器：）别担心，兄弟，我在使用chrome，它的工作性能很好，html5适用于所有最新浏览器：）