Jessica: Button erst aktiv wenn etwas eingetrange ist

Guten Morgen,

ist es möglich dass mein Button erst aktiv wird, wenn ein User etwas in das Suchfeld eingetragen hat?

Meine Suche sieht derzeit wie folgt aus

  
       <form name="form1" method="post" action="/suche.html">  
        <input type="text" name="search_wo" id="search_wo" placeholder="Wo soll es hingehen?">  
        <input type="submit" name="search" id="search" value="Suchen">  

Liebe Grüße,
Jessica

  1. Guten Morgen,

    ist es möglich dass mein Button erst aktiv wird, wenn ein User etwas in das Suchfeld eingetragen hat?

    Ja, sicher ist das möglich - aber was hat das mit Projektverwaltung zu tun, das ist eher ein HTML, CSS und vor allem JavaScript-Problem.

    Meine Suche sieht derzeit wie folgt aus

    Du meinst das Formular.

    <form name="form1" method="post" action="/suche.html">
            <input type="text" name="search_wo" id="search_wo" placeholder="Wo soll es hingehen?">
            <input type="submit" name="search" id="search" value="Suchen">

    
    
  2. Moin,

    ist es möglich dass mein Button erst aktiv wird, wenn ein User etwas in das Suchfeld eingetragen hat?

    Ja. Mit Javascript.

    Meine Suche sieht derzeit wie folgt aus

    <form name="form1" method="post" action="/suche.html">
            <input type="text" name="search_wo" id="search_wo" placeholder="Wo soll es hingehen?">
            <input type="submit" name="search" id="search" value="Suchen">

      
    Man könnte beispielsweise das Event <http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onkeyup@title=onkeyup> des Input-Feldes an eine Javascript-Funktion binden, die überprüft, ob das Feld leer ist, um dann den Button zu deaktivieren bzw. zu aktivieren.  
      
    Links:  
    - [Deaktivieren von Buttons mit Javascript](http://stackoverflow.com/questions/3014649/how-to-disable-html-button-using-javascript)  
    - <http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onkeyup@title=onkeyup Event>  
      
    Hinweise:  
    1\. Javascript läuft clientseitig und kann daher auch vom User manipuliert werden. Das  
       Absenden des Buttons kann also nicht wirklich verhindert werden, weshalb es unbedingt  
       erforderlich ist eine serverseitige Verifizierung der Daten vorzunehmen.  
    2\. Die Logik sollte sein, dass Javascript bei leerem Inputfeld den Button erst deaktiviert -  
       das hat den Effekt, dass der Button bei deaktiviertem Javascript standardmäßig aktiviert  
       ist.  
      
    Grüße Marco
    
    -- 
    Ich spreche Spaghetticode - fließend.