Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0
Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User
Log in Register

Javascript: Form-Submit beenden

13.07.2018 (👁4270)

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 >============