WordPress。联系表格 7. 如果另一个字段的值 > 0，则设置必填字段答案

【问题标题】：WordPress. Contact form 7. Set field required if value of another field > 0WordPress。联系表格 7. 如果另一个字段的值 > 0，则设置必填字段
【发布时间】：2016-06-20 17:23:29
【问题描述】：

我有一个使用 Contact Form 7 插件的 WordPress 网站的任务。

如何仅当另一个字段的值 ([number* number-265 min:0 id:antala]) > 0 时才按要求设置 textarea？

所以，它不应该像 [textarea* stelnummera id:stelnummera] 因为每次都需要这个 textarea。

我创建了添加一些类、属性和警报消息的 javascript 代码（它如何添加 Contact Form 7 插件）：

    $( "#antala" ).change(function() {
        if ( $( "#antala" ).val() > 0 ) {
            $( "#stelnummera" ).addClass( "wpcf7-validates-as-required wpcf7-not-valid" ).attr( "aria-required", "true" ).attr( "aria-invalid", "true" );
        } else {
            $( "#stelnummera" ).removeClass( "wpcf7-validates-as-required wpcf7-not-valid" ).attr( "aria-required", "false" ).attr( "aria-invalid", "false" );
        }
    });

    $( ".wpcf7-form" ).submit(function( event ) {

        if ( $( "#antala" ).val() > 0 && $( "#stelnummera" ).val() == "" ) {
            event.preventDefault();
            $( "#stelnummera" ).attr( "aria-invalid", "true" );
            $( "#stelnummera" ).after( "<span class='custom-alert' style='color: #f00;'>Dette felt skal udfyldes</span>" );
            if ($ ( ".invalid" ).length == 0 ) {
                $ ( ".wpcf7-form" ).addClass( "invalid" );
            }
        } else {
            $( "#stelnummera" ).attr( "aria-invalid", "false" );
            $( ".custom-alert" ).remove();
        }

    });

但是表单仍然提交

【问题讨论】：

如果要检查> 1，为什么要评估> 0？此外，您应该将字符串 .val()s 转换为整数。
对不起，这是我的错字。

标签： javascript jquery wordpress

【解决方案1】：

我只是隐藏这个文本区域，直到数字字段的值> 0。

Textarea 是必需的 [textarea* stelnummera id:stelnummera]

    $("#stelnummera").parent().parent().hide();
    $("#stelnummera").val('n/a');

    $("#antala").change(function() {
        if ($("#antala").val() > 0) {
            $("#stelnummera").parent().parent().show();
            $("#stelnummera").val('');
        } else {
            $("#stelnummera").parent().parent().hide();
            $("#stelnummera").val('n/a');
        }
    });

【讨论】：