Ergebnis 1 bis 4 von 4
  1. #1
    Schmido86 ist offline Grünschnabel
    registriert
    26-11-2016
    Beiträge
    4

    Warum wird Formular nicht abgesendet?

    Liebe Foren-Gemeinde,

    ich habe in einem Bootstrap Tab 3 Formulare.
    Alle 3 reagieren auf die gleiche Funktion. Allerdings wird nur beim ersten Tab das Formular abgesandt. Beim 2. und 3. Formular passiert nichts.

    Kann hier jmd. den Fehler entdecken?

    HTML-Code:
    <div class="tab-content">
                            <div id="synonym" class="tab-pane fade active show">
                                    <form class="form-wrap mt-4" id="syn" onsubmit="javascript: Search(); return false;" action="">
                                        <div class="btn-group" role="group" aria-label="Basic example">
                                            <input type="hidden" name="type" id="type" value="Syn">
                                            <input type="text" placeholder="Suche Synonyme..." class="btn-group1" id="Searchword" name="search">
                                            <button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span><i class="pe-7s-angle-right"></i></button>
                                        </div>
                                    </form>                           
                            </div>
                            <div id="verb" class="tab-pane fade">
                               <form class="form-wrap mt-4" id="verbs" onsubmit="javascript: Search(); return false;" action="">
                                        <div class="btn-group" role="group" aria-label="Basic example">
                                            <input type="hidden" name="type" id="type" value="Verbs">
                                            <input type="text" placeholder="Suche Verben..." class="btn-group1" id="Searchword" name="search">
                                            <button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span><i class="pe-7s-angle-right"></i></button>
                                        </div>
                                    </form>
                            </div>
                            <div id="trans" class="tab-pane fade">
                               <form class="form-wrap mt-4" id="translation" onsubmit="javascript: Search(); return false;" action="">
                                        <div class="btn-group" role="group" aria-label="Basic example">
                                            <input type="hidden" name="type" id="type" value="Translations">
                                            <input type="text" placeholder="Suche Übersetzungen..." class="btn-group1" id="Searchword" name="search">
                                            <button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span><i class="pe-7s-angle-right"></i></button>
                                        </div>
                                    </form>
                            </div>
                          </div>
    Das Skript sieht so aus:

    HTML-Code:
    <script type="text/javascript">
    	function Search()
    	{
                
    		var searchword = $("#Searchword").val();
                    var type = $("#type").val();
    		if(searchword != '')
    		{
                        
    			searchword = searchword.replace(/\?/g, "");
    
                            if(type === "Syn") {
                                location = '{$systemUrl}'+searchword+".html";
    			}
    			else if(type === "Translations") {
                                location = '{$systemUrl}'+"tradutor/"+searchword+".html";
                                    
    			}
    			else {
                                location = '{$systemUrl}'+"verb/"+searchword+".html";
    			}
    
    		}
    	}
            </script>
    Vielen lieben Dank!
    Geändert von Schmido86 (21-06-2018 um 07:19 Uhr)

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.683

    AW: Warum wird Formular nicht abgesendet?

    Eine ID muss dokumentenweit eindeutig sein. Du hast #type dreimal vergeben.

    Um die drei Formulare in der Funktion zu unterscheiden, solltest du im onsubmit das this als Parameter an Submit (kein besonders guter Funktionsname) übergeben.

    PS: "javascript: " in onsubmit ist überfüssig.

  3. #3
    Schmido86 ist offline Grünschnabel
    registriert
    26-11-2016
    Beiträge
    4

    AW: Warum wird Formular nicht abgesendet?

    Lieber kkapsner,

    vielen Dank für deine Unterstützung.
    Ich habe die type Definition als Parameter ausgelagert:

    HTML-Code:
    <div class="tab-content">
                            <div id="synonym" class="tab-pane fade active show">
                                    <form class="form-wrap mt-4" id="syn" onsubmit="Search('Syn'); return false;" action="">
                                        <div class="btn-group" role="group" aria-label="Basic example">
                                            <!--<input type="hidden" name="type" id="type" value="Syn">-->
                                            <input type="text" placeholder="Suche Synonyme..." class="btn-group1" id="Searchword" name="search">
                                            <button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span><i class="pe-7s-angle-right"></i></button>
                                        </div>
                                    </form>                           
                            </div>
                            <div id="verb" class="tab-pane fade">
                               <form class="form-wrap mt-4" id="verbs" onsubmit="Search('Verb'); return false;" action="">
                                        <div class="btn-group" role="group" aria-label="Basic example">
                                            <!--<input type="hidden" name="type" id="type" value="Verbs">-->
                                            <input type="text" placeholder="Suche Verben..." class="btn-group1" id="Searchword" name="search">
                                            <button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span><i class="pe-7s-angle-right"></i></button>
                                        </div>
                                    </form>
                            </div>
                            <div id="trans" class="tab-pane fade">
                               <form class="form-wrap mt-4" id="translation" onsubmit="Search('Translations'); return false;" action="">
                                        <div class="btn-group" role="group" aria-label="Basic example">
                                            <!--<input type="hidden" name="type" id="type" value="Translations">-->
                                            <input type="text" placeholder="Suche Übersetzungen..." class="btn-group1" id="Searchword" name="search">
                                            <button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span><i class="pe-7s-angle-right"></i></button>
                                        </div>
                                    </form>
                            </div>
                          </div>
    Leider tut sich beim 2. und 3. immer noch nichts.

    Die Funktion ist entsprechend angepasst:

    HTML-Code:
    function Search( type )
    	{
                
    		var searchword = $("#Searchword").val();
    
    		if(searchword != '')
    		{
                        
    			searchword = searchword.replace(/\?/g, "");
    
                            if(type === "Syn") {
                                location = '{$systemUrl}'+searchword+".html";
    			}
    			else if(type === "Translations") {
                                location = '{$systemUrl}'+"tradutor/"+searchword+".html";
                                    
    			}
    			else {
                                location = '{$systemUrl}'+"verb/"+searchword+".html";
    			}
    
    		}
    	}
    Woran hapert es nun noch?

  4. #4
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.290

    AW: Warum wird Formular nicht abgesendet?

    Zitat Zitat von Schmido86 Beitrag anzeigen
    Woran hapert es nun noch?
    Gleicher Fall wie bei den <form>, nur diesmal mit <input>. Du hast wieder IDs mehrfach vergeben.

Ähnliche Themen

  1. Warum wird das css nicht übernommen ?
    Von Antons im Forum CSS und (X)HTML
    Antworten: 2
    Letzter Beitrag: 23-09-2015, 20:09
  2. [FRAGE] Warum wird die Klasse nicht angesprochen?
    Von oOLupusOo im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 02-06-2015, 16:11
  3. Antworten: 2
    Letzter Beitrag: 17-02-2010, 22:24
  4. Warum wird dieser Pfeil nicht angezeigt.
    Von markus78 im Forum Allgemeines
    Antworten: 3
    Letzter Beitrag: 12-06-2001, 16:22
  5. Meine HP wird bei NS nicht mal hochgeladen, warum?
    Von maniac im Forum Allgemeines
    Antworten: 1
    Letzter Beitrag: 25-01-2001, 00:27

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •