在联系表7中通过JS动态更改必填字段

时间:2015-10-13 11:41:54

标签: javascript jquery wordpress validation contact-form-7

我需要在Wordpress中编写自定义验证表单。单击For-Author单选按钮后,某些复选框组应标记为不需要。我试图改变#aria-required"属性为" false"或删除并添加类" wpcf7-validates-as-required"但它不起作用。我还尝试通过

重新启动wpcf7
$('div.wpcf7 > form').wpcf7InitForm();

但它也不起作用。

这是一个代码示例:

$radio.button.click(function (event) {
    isAuthor(event)
});

var isAuthor = function (event) {
    if ($(event.target).attr('data-author') == 'true') {
        authorClicked = true;
    } else {
        authorClicked = false;
    }
    fieldUpdate();
};

var fieldUpdate = function () {
    var $text = $('[name=pres-title]');
    if (authorClicked) {
        $text.prop('disabled', false).attr('aria-required', true).addClass('wpcf7-validates-as-required').attr('aria-invalid', false)
        $fieldRequired.each(function () {
            $(this).prop('disabled', false).attr('aria-required', true).addClass('wpcf7-validates-as-required').attr('aria-invalid', false);
        });
    } else {
        $text.prop('disabled', true).attr('aria-required', false).removeClass('wpcf7-validates-as-required').attr('aria-invalid', false);
        $fieldRequired.each(function () {
            $(this).prop('disabled', true).attr('aria-required', false).removeClass('wpcf7-validates-as-required').attr('aria-invalid', false);
        });
    }
}

0 个答案:

没有答案