Question

我使用此代码来限制我的字段以获取确切的字符数，但maxlength =＆＃34; 10＆＃34;也不到10个字符。我需要让我的输入字段取10个字符，如果我把不到10个发送错误。我怎样才能做到这一点？这是我的代码：

 <form action="login.php">
   Username: <input type="text" name="usrname" maxlength="10"><br>
  <input type="submit" value="Submit">
</form>

Answer 1

如本回答所述：https://stackoverflow.com/a/10294291/1515869

如果你想坚持使用HTML5，你可以使用这样的模式：

<input pattern=".{10}"   required placeholder="only 10 characters">

但是，请注意上面链接的答案，您还需要必需属性才能传递constrain validation。

Answer 2

您可以使用如下的javascript：

<script type="text/javascript">    
    function checkLength(){
        var usrname = document.getElementById("usrname");
        if(usrname.value.length == 10){
            alert("success");
        } 
        else{
            alert("make sure the input is 10 characters long")
        }
    }
</script>

<form action="login.php">
   Username: <input type="text" id="usrname" maxlength="10"></input><br>
   <input type="submit" value="submit" onclick="checkLength()" />
</form>

Answer 3

使用HTML <input>模式属性

<form action="login.php">
   Username: <input type="text" name="usrname" pattern=".{10}" required><br>
  <input type="submit" value="Submit">
</form>

Answer 4

您可能也想要进行一些服务器端检查，因为可以修改客户端Javascript。

if(strlen($_POST['usrname']) == 10){
   // Length matches
} else {
   // Length does not match
}

如果你计划重复使用不同的输入和长度，那么制作一个函数可能是个更好的主意。

HTML / PHP将输入字段设置为确切的数字。

4 个答案: