JQuery Скрытие части формы и предотвращение автозаполнения браузера

Question

Я использую JQuery, чтобы скрыть часть формы и основываясь на вопросе, который имеет 2 переключателя: «да», сопоставленный с 1, и «нет» с 0, я делаю эту часть формы такой, чтобы пользователь мог заполните его.

Это часть, которая отвечает за это. Извините, мой JQuery отстой:

function appear(speed) {
    if ($("input[name='fillProfileNow']:checked").val() == "0") {
        $("#profileFields").hide(speed);
    }
    else {
        $("#profileFields").show(speed);
    }
}

$(document).ready(function() {         
    $("#profileFields").css("display","none"); 
    appear('');
});

$("input[name='fillProfileNow']").change(function() { appear('slow'); });

Моя проблема в том, что сегодня я понял, тестируя свою форму, что Chrome использует автозаполнение форм, основанное на моей истории, для заполнения этих скрытых полей. Проблема в том, что используемые данные - это дерьмо, поскольку я иногда не всегда говорю правду, поэтому возникает ошибка проверки, но она не отображается, так как я не установил переключатель, который отображает эту часть формы.

Есть ли способ избежать этого? может быть сброс полей если они скрыты? это нормально?

Answer 1

И попробуйте установить для свойства defaultChecked значение null:

$("input[name=fillProfileNow]").attr('defaultChecked', null);

или:

$("input[name=fillProfileNow]").each(function() { this.defaultChecked = null } );

Answer 2

Попробуйте добавить autocomplete=off к входам:

$("input[name='fillProfileNow']:checked").attr("autocomplete", "off").val()