WordPress的。联系表格7.如果另一个字段的值> gt,则设置所需字段。 0

时间:2016-06-20 17:23:29

标签: javascript jquery wordpress

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

如果只有另一个字段的值([number * number-265 min:0 id:antala])>,我如何根据需要设置textarea? 0?

所以,它应该不像[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 :(得分:0)

我只是隐藏了这个textarea,直到number字段的值为&gt; 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');
        }
    });