【问题标题】:Either one of Two required fields in contact form 7 validation while submit in WordPress在 WordPress 中提交时,联系表单 7 验证中的两个必填字段之一
【发布时间】:2016-05-26 11:08:03
【问题描述】:

我尝试了this,但没有得到正确的结果如何使用联系表 7 进行此操作

$("input.last4digit").on('change',function(){
   $("input.receipt").removeClass('wpcf7-validates-as-required');
   $("input.receipt").attr({'aria-required':'false', 'aria-invalid':'false'});
}); 

$("input.receipt").on('change',function(){
   $("input.last4digit").removeClass('wpcf7-validates-as-required');
   $("input.last4digit").attr({'aria-required':'false', 'aria-invalid':'false'});
});

我使用 jQuery 在更改一个字段时删除类和属性它适用于更改但在按下提交按钮后属性再次更改。并没有得到正确的结果。有什么建议请...

【问题讨论】:

  • 给两个字段加上id/class后,你可以在主题的头部使用jQuery条件。
  • 您问题中的链接无效
  • 抱歉我编辑的错误。现在它正在工作

标签: php wordpress contact-form-7


【解决方案1】:
$('.wpcf7-form').submit(function(){

        var last_4_digit = $('input.last4digit').val();
        var receipt_no = $('input.receipt').val();

        if ( last_4_digit == ''  && receipt_no == '' )
        {
            $('input.last4digit').addClass('not-valid');
            $('.not-valid-tip').text("This or Below field is Required");
            $('.not-valid').focus();
            return false;
        }
        else if( last_4_digit != ''  || receipt_no != '' )
        {
            $('.not-valid-tip').text("");
        }
        else
        {}
    });

在做这个 jQuery 之后,我得到了我要求的结果。它很简单,但如果你想使用联系表单 7 功能,我仍在寻找解决方案。

【讨论】:

    猜你喜欢
    • 2021-10-02
    • 1970-01-01
    • 2017-02-15
    • 1970-01-01
    • 2014-03-07
    • 1970-01-01
    • 2018-12-07
    • 1970-01-01
    • 2015-03-08
    相关资源
    最近更新 更多