jQuery 大于和小于检查

Question

这是我的表格：

<form class="fms-quote-form" action="https://web.com/quotes" method="get">
<input name="wpf126904_18" id="fms-zip" type="number" placeholder="Enter your Zipcode">
<input type="submit" value="Get My Rates">
</form>

这我的jQuery的，这不是工作：

$('.fms-quote-form').submit(function() {

if ( $('#fms-zip').val() >= 90000 AND <=96162 ) {
  return true;
} else {
    window.open('https://smartfinancial.com/auto-insurance-rates', '_blank');
    return false;
  }
});

我如何 (i) 检查 #fms-zip 的值是否大于 90000 且小于 96162 以提交表单，以及 (ii) 如果输入了任何其他值，则将用户重定向到另一个网站？

期待您的意见:)

Answer 1

始终检查错误控制台 - 您假设语法有问题。 AND会抛出错误 - 你需要&& 。

更重要的是，您不能只指定较高的数字并假设 JavaScript 会知道将它与您比较较低值的同一主题值进行比较 - 您必须重复主题。

let val = parseInt($('#fms-zip').val());
if (val >= 90000 && val <= 96162 ) { //<-- note 2 references to @val

正如@Alessio Cantarella 指出的那样，您还需要将该值转换为一个数字——读取该字段的值会返回一个字符串。

Answer 2

要检查 ZIP 是否大于 90000 且小于 96162，您需要使用：

• parseInt函数将#fms-zip的value转换为整数
• &&逻辑运算符来检查两个条件是否有效。

 $(function() { $('.fms-quote-form').submit(function() { let zip = parseInt($('#fms-zip').val()); let isZipValid = zip >= 90000 && zip <= 96162; if (isZipValid) { return true; } else { window.open('https://smartfinancial.com/auto-insurance-rates', '_blank'); return false; } }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form class="fms-quote-form" action="https://web.com/quotes" method="get"> <input name="wpf126904_18" id="fms-zip" type="number" placeholder="Enter your Zipcode"> <input type="submit" value="Get My Rates"> </form>

Answer 3

你可以这样试试——

$(function() {
  $('.fms-quote-form').submit(function() {
    var valueZip= parseInt($('#fms-zip').val());

    if (valueZip >= 90000 && valueZip <= 96162) {
      return true;
    } else {
      window.open('https://smartfinancial.com/auto-insurance-rates', '_blank');
      return false;
    }
  });
});