Как создать и отправить форму, которая работает во всех современных браузерах?

Question

Я использую JavaScript для отправки формы, которую я делаю с нуля. Код ниже работает в Chrome, но не в Firefox или IE. Как я могу создать и отправить форму и заставить ее работать через «все» браузеры?

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

Перед отправкой необходимо добавить форму в документ.
Если вы не хотите изменять пользовательский интерфейс, вы можете применить стиль к форме.

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

Боковое примечание: вы используете SomeForm в качестве имени переменной. Это вполне допустимая переменная JavaScript, но согласитесь с соглашениями. Переменные с верблюжью следует использовать только для обозначения конструкторов, например. Array, Object, MyClass.