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;
}
});
});