jQuery if 语句使用 val(） 和 keyup(） 对 2 个变量

jQuery if statement for 2 variables using val() and keyup()

本文关键字：keyup 变量 if val jQuery 语句      更新时间：2023-09-26

所以我正在尝试创建一个脚本，该脚本将在用户将特定数字插入#ninja_forms_field_88后显示certin消息和按钮。所以基本上，如果邮政编码是60515，则显示是+按钮，如果不显示否和否按钮。

所以如果 var 是 1 到（是）任何其他（否），我让它工作

现在，由于这将是一个邮政编码验证器，我需要确保我可以插入多个唯一编号 - 我尝试做新的数组 [1,2,3]; 但没有成功并使用 zipCode == inputZip 检查它，我尝试使用 inArray 但没有成功。

这是代码：

<script>
jQuery(document).ready(function() {
    jQuery("#ninja_forms_field_88").keyup(function() {
    var zipCode = 1;
    var inputZip = jQuery("#ninja_forms_field_88").val();
        if (jQuery.inArray("zipCode") == inputZip) {
            jQuery("#yes").css("display", "block");
            jQuery("#no").css("display", "none");
            jQuery("#ninja_forms_field_90").css("display", "block");
        }
        else {
            jQuery("#no").css("display", "block");
            jQuery("#yes").css("display", "none");
            jQuery("#ninja_forms_field_90").css("display", "none");
        }
    });
});

您需要检查邮政编码以确保其有效。 您可以使用正则表达式来执行此操作。

这样的事情应该有效：

jQuery(document).ready(function() {
    jQuery("#ninja_forms_field_88").keyup(function() {
    var zipCode = 1;
    var inputZip = jQuery("#ninja_forms_field_88").val();
        if (/(^'d{5}$)|(^'d{5}-'d{4}$)/.test(inputZip)) {
            jQuery("#yes").html(inputZip);
            jQuery("#yes").css("display", "block");
            jQuery("#no").css("display", "none");
            jQuery("#ninja_forms_field_90").css("display", "block");
        }
        else {
            jQuery("#no").css("display", "block");
            jQuery("#yes").css("display", "none");
            jQuery("#ninja_forms_field_90").css("display", "none");
        }
    });
});

您可以在此处看到它的工作原理：https://jsfiddle.net/vt1rgn21/1/

希望对您有所帮助！

好吧，就数组而言，jQuery函数有一些语法错误，并假设它将输出一个布尔值。您还可以最小化大量代码。最后，这是一个有效的小提琴版本：https://jsfiddle.net/Zachary1748/77h44jne/

jQuery(document).ready(function($) {
    $("#ninja_forms_field_88").keyup(function() {
        var zipCode = ["1", "2", "3"];
        var inputZip = $("#ninja_forms_field_88").val();
        if ($.inArray(inputZip, zipCode) !== -1) {
            $("#yes, #ninja_forms_field_90").show();
            $("#no").hide();
        } else {
            $("#no").show();
            $("#yes, #ninja_forms_field_90").hide();
        }
    });
});
相关文章：