Button solange deaktiviert bis das Feld ausgefüllt ist
Hallo Comunity,
ich möchte gerne ein Formular haben, das wenn das Feld 'search' nicht ausgefüllt ist, der Submit-Button deaktiviert ist, also nicht verwendet werden kann.
Habe bereits gegooglet aber nichts herausgefunden.
So sieht mein Formular derzeit aus:
Danke
2 Antworten
![](https://images.gutefrage.net/media/default/user/9_nmmslarge.png?v=1551279448000)
Das geht ganz einfach so:
<script>
function formularTest() { // Die Funktion formularTest()
if (document.getElementById("search").value == "") // Wenn der eingegebene Wert des Feldes Search "" entspricht, also keinem Zeichen,
return false; // dann soll das Formular nicht (false) abgeschickt werden
}
</script>
<form onsubmit="formularTest()"> <!--Wenn das Formular abgeschickt wird, sollt die Funktion formularTest() ausgelöst werden.-->
<input type="text" id="search" />
<input type="submit" value="Absenden" />
</form>
![](https://images.gutefrage.net/media/default/user/9_nmmslarge.png?v=1551279448000)
habe den fehler entdeckt. die zeile
<form onsubmit="formularTest()">
müsste eigentlich
<form onsubmit="return formularTest()">
heißen!
![](https://images.gutefrage.net/media/default/user/4_nmmslarge.png?v=1438863662000)
![](https://images.gutefrage.net/media/user/Trackfreak/1444745456_nmmslarge.jpg?v=1444745456000)
Hi,
dafür brauchst du Javascript. Mit Javascript kannst du auf das change Event des Textinputs hören und die Länge des darin vorhandenen Strings überprüfen. Wenn die größer als 0 ist schaltest du den Button per css visuell frei und setzt den Typ deines Absenden Buttons von button auf submit.
MfG Trackfreak
![](https://images.gutefrage.net/media/default/user/4_nmmslarge.png?v=1438863662000)
Und wie mach ich das? Kenn mich in Javascript nicht so aus.
![](https://images.gutefrage.net/media/default/user/15_nmmslarge.png?v=1551279448000)
Dann würde ich dir empfehlen, dir zumindest die Grundlagen mal anzueignen. Für den Anfang sollte der kostenlose JavaScript Road Trip Part 1 (https://www.codeschool.com/courses/javascript-road-trip-part-1) von CodeSchool ganz gut geeignet sein. Speziell diesen Kurs habe ich persönlich zwar nicht ausprobiert, aber ich habe die Erfahrung gemacht, dass die CodeSchool-Kurse immer sehr gut verständlich und gut geeignet sind, um sich etwas anzueignen.
Bei mir funktioniert es nicht. Es führt es aus, auch wenn es leer ist. Danke aber trotzdem.