Javascript: Submit Form beenden. Stop
Wie kann man einen startende Formular einer Webseite vor dem Übertragen beenden?
Problem:
Ich führe bei der Eingabe von Feldern in ein HTML Website Formular am ende eine onSumit-Function aus.
Doch nach dem Bearbeiten der Methode wird automatisch immer folgend eine Übertragung submit des Formulars ausgeführt.
Man muss die onsubmit irgendwie unterbrechen.
Lösung:
Man trägt in die onsubmit-function einen false wert ein.
Diesen false-Wert kann man als Return-Wert eine javascript-function verwenden
onsubmit="return send_Search()" |
In onsubmit einen return false wert eingeben
<form id="frmList" style="display:inline-block" onsubmit="return send_Search()"> <input id="tbxSearch" name="tbxSearch" value="@sSearch" style="width:200px;color:black"> Ort: <input id="tbxOrt" name="tbxOrt" value="@sOrt" style="width:80px;color:black " /> <button type="submit" value="send">Send</button> </form> |
Die aufgerufene function führt bearbeitungen durch und beendet die function mit return false
//< send > window.location.href = sURL; //goto new URL return false; //stop send form //</ send > |
Beispiel
Komplettes javascript funtion
//============< Layout >============ //*layout Menu, Search-Input and Footer
function send_Search() { //------< send_Search() >------ var form = document.getElementById("frmSearch"); var input_Search = document.getElementById("tbxSearch"); var input_Ort = document.getElementById("tbxOrt"); var sSearch = input_Search.value; var sOrt = input_Ort.value;
var sURL = "/projects"; var sQuery = ""; if (sSearch != "") { sSearch = encodeURI(sSearch); //for c# sQuery = sQuery + "&s=" + sSearch; }
if (sOrt != "") { sOrt = encodeURI(sOrt); sQuery = sQuery + "&o=" + sOrt; } if (sQuery != "") { sQuery = sQuery.substr(1); sURL = sURL + "?" + sQuery; }
//< send > window.location.href = sURL; //goto new URL return false; //stop send form //</ send > //------</ send_Search() >------ }
//============</ Layout >============ |