Home / Questions / 279255
Accepted
Gian Franco Alexis Poma Vidal
Asked: 2020-07-16 21:04:43 +0800 CST 2020-07-16 21:04:43 +0800 CST

使用 Jquery 限制文本大小并避免使用数字

  • 772

我正在验证 a<input text>并且我希望写入不超过 5 个字符并且它们不接受数字，但我没有得到结果。

$("#texto").on("keypress", function(event){           
    if(event.which > 47 || event.which < 58 || $(this).val().length == 5){
         return false;
     }                
});
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  
</head>
<body>
  <input id="texto" type="text">
</body>
</html>

javascript

1 Answers

  1. Best Answer

    更新

    该问题可以在没有 jquery 帮助的情况下仅使用 html 来解决，如下所示：

    <input id="texto" type="text" onkeypress="return !(event.charCode >= 48 && event.charCode <= 57)" maxlength=5 >

    为了防止输入数字，可以使用该属性onkeypress：

    onkeypress="return !(event.charCode >= 48 && event.charCode <= 57)"

    并限制可以输入到输入中的最大字符数，您可以添加：

    maxlength=5

    有关更多信息，请参阅：

    阻止输入中的数字、字母和/或特殊字符

    上一个答案

    代码很好，这部分只有逻辑问题：

    if(event.which > 47 || event.which < 58 || $(this).val().length == 5){

    当你把它放event.which > 47 || event.which < 58上去时，它总是正确的，因此不会写任何字符。正确的形式是：

     if((event.which > 47 && event.which < 58) || $(this).val().length == 5){

    因为你想避免0 和 9之间的数字。

    工作代码如下：

        $("#texto").on("keypress", function(event){
        if((event.which > 47 && event.which < 58) || $(this).val().length == 5){
            return false;
        }
    });
                <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

</head>
<body>
    <input id="texto" type="text" size=5>
</body>

</html>

    希望对你有帮助，问候。

    • 4