Comment créer et soumettre un formulaire qui fonctionne dans tous les navigateurs modernes?

Question

J'utilise JavaScript pour soumettre un formulaire que je fais de toutes pièces. Le code ci-dessous fonctionne dans Chrome, mais pas dans Firefox ou IE. Comment puis-je créer et soumettre un formulaire et le faire fonctionner dans tous les navigateurs?

function someFunction(){ 
    var SomeForm = document.createElement("form"); 
    addInputFieldToForm("SpecialName_SortField","UpdateDate",SomeForm); 
    addInputFieldToForm("SpecialName_SortOrder","false",SomeForm); 
    addInputFieldToForm("Operation","Search",SomeForm); 

    SomeForm.action = "<%=link("direct", "WorkspaceDisplay") %>"; // assume this URL is valid (it is). 
    SomeForm.method = "post"; 
    SomeForm.target = "_top"; 
    SomeForm.submit(); 
} 

//EDIT: Added this function to the question just so there's less mystery (not because it matters, really) 
function addInputFieldToForm(elementName, elementValue, theForm) { 
    var inputElement = document.createElement("input"); 
    inputElement.name = elementName; 
    inputElement.value = elementValue; 
    inputElement.id = elementName; 
    theForm.appendChild(inputElement); 
} 

Answer 1

Vous devez ajouter le formulaire au document avant de pouvoir l'envoyer.
Si vous ne souhaitez pas modifier l'interface utilisateur, vous pouvez appliquer un style au formulaire.

var SomeForm = document.createElement("form"); 
SomeForm.style.display = "none";    // <-- Invisible form 
document.body.appendChild(SomeForm);   // <-- Append <form> to body 
// Rest of code ... 

Remarque: Vous utilisez SomeForm comme nom de variable. C'est une variable JavaScript parfaitement valide, mais agaist les conventions. Les variables en chameau ne doivent être utilisées que pour nommer des constructeurs, par ex. Array, Object, MyClass.