如果jquery使用两个条件不工作？

Question

我有一个像这样的

形式的输入字段

<input type="text" name="name" id="name" />
<input type="submit" value="submit" id="submit" />

在jquery中我想要form input text length should not be less than 4 and more than 10.所以我的代码是这样的。但这里没有用。

  <script type="text/javascript">
    jQuery(document).ready(function() {
      jQuery('#submit').click(function(event) {
        event.preventDefault();
        var textlength = $("#name").val().length;
        if(textlength < 4 && textlength > 10) {
          alert('oops error');
        }
      });
    });
  </script>

但是如果我使用的是if(textlength < 4 ) only one condition then the given one condition is working，但是当我使用两个条件时它不起作用？那么有人能告诉我如何解决这个错误吗？

Answer 1

您需要检查OR条件，textlength的值不能同时小于4且大于10

    if(textlength < 4 || textlength > 10) {
      alert('oops error');
    }