JQuery Masquer une partie d'un formulaire et éviter l'auto-complétion du navigateur

Question

J'utilise JQuery pour masquer une partie d'un formulaire et basé sur une question qui a 2 boutons radio: "oui" mappé à 1 et "non" à 0, je fais cette partie du formulaire apparaît pour que l'utilisateur puisse le remplir.

Ceci est la partie en charge de celui-ci. Désolé mon JQuery suce:

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'); }); 

Mon problème est que j'ai réalisé aujourd'hui tester ma forme, que Chrome utilise le formulaire autocomplétion basé sur mon histoire pour remplir ces champs cachés. Le problème est que les données utilisées sont de la merde car parfois je ne dis pas toujours la vérité, donc une erreur de validation se produit, mais elle n'est pas affichée car je n'ai pas coché le bouton radio qui rend cette partie du formulaire.

Est-il possible d'éviter cela? peut-être réinitialiser les champs s'ils sont cachés? est-ce normal?

Answer 1

Essayez d'ajouter autocomplete=off aux entrées:

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

Answer 2

Et essayez de définir la propriété defaultChecked null:

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

ou:

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