jQuery if使用val()和keyup()的2个变量的语句

时间:2016-02-01 21:23:31

标签: javascript jquery if-statement keyup

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

所以如果var是1到(是)任何其他的(没有)

,我就可以使用它

现在,因为这将是一个zipcode验证器,我需要确保我可以插入多个唯一的数字 - 我已经尝试过新的数组[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");
        }
    });
});

2 个答案:

答案 0 :(得分:0)

您需要检查邮政编码以确保其有效。您可以使用regular expression执行此操作。

这样的事情应该有效:

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/

希望有所帮助!

答案 1 :(得分:0)

你的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();
        }
    });
});