Ergebnis 1 bis 7 von 7

Thema: JS FormFields überprüfen

  1. #1
    Azubi(ne)
    Registriert seit
    21.04.2008
    Beiträge
    61
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard JS FormFields überprüfen

    Hallo zusammen,

    ich habe drei FormFields und möchte, per JS, überprüfen, ob in allen dreien etwas eingegeben wurde. Dann erst soll das SubmitField von disabled = true auf disabled = false gesetzt werden. Für ein(!) FormField bekomme ich dies hin. Ist dies für mehrere überhaupt möglich?

    Ich weiss nämlich nicht, wie ich dies, von der Logik her, aufbauen müsste. Alle drei müssten ja die selbe JS Funktion aufrufen und dort müsste immer überprüft werden, ob von allen drei FormFields ein true kommt.

    Ich hoffe ihr versteht was ich meine und es kann mir jmd weiter helfen

    Danke schon mal im vorraus!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Azubi(ne)
    Themenstarter

    Registriert seit
    21.04.2008
    Beiträge
    61
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: JS FormFields überprüfen

    Ich kann ja mal posten was ich bisher schon habe.

    Der Funktionsaufruf:
    Code:
    <input type="text" name="username" value="" class="form_field" style="margin-bottom:10px; width:200px;" onkeyup="add_user_check_length(this,'username');" />
    Die Funktion:
    Code:
    function add_user_check_length(text,field) {
        var lenght = text.value.length;
        if (lenght >= 1) {
            document.getElementById("add_user_submit").disabled = false;    
        } else {
            document.getElementById("add_user_submit").disabled = true;    
        }
    }
    Den String username übergebe ich nur aus Testzwecken.

    Ich bräuchte halt nun für das nächste FormFiled wieder den Aufruf, mit einer anderen Übergabe:
    Code:
    <input type="text" name="password" value="" class="form_field" style="margin-bottom:10px; width:200px;" onkeyup="add_user_check_length(this,'password');" />
    Und dann müsste die Funktion etwas lauten:
    Wenn username.length >= 1 und password.length >= 1
    dann disabled = flase

    Hat da vll jmd ne Idee?

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: JS FormFields überprüfen

    liegt vielleicht daran dass montag is.. aber wat???
    ich hab da jetzt nur bahnhof verstanden...
    erkläre bitte genauer was du willst
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    Azubi(ne)
    Themenstarter

    Registriert seit
    21.04.2008
    Beiträge
    61
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: JS FormFields überprüfen

    Ich kann irgendwie nicht gut, in schriftlicher Form, Dinge erklären

    Ich versuche es nochmal..

    Ich habe ein Formular, mit drei Formularfeldern. Der Submit-Button soll erst klickbar sein, wenn in allen drei Formularfeldern etwas eingetragen wurde. Dies möchte ich, mit Hilfe von JS, lösen.

    Für ein Formularfeld habe ich dies hinbekommen. Ich rufe in input die JS Funktion auf und sage dort:

    function add_user_check_length(text) {
    var lenght = text.value.length;
    if (lenght >= 1) {
    document.getElementById("add_user_submit").disable d = false;
    } else {
    document.getElementById("add_user_submit").disable d = true;
    }
    }
    Sobald etwas eingetragen wird, wird disabled auf flase gesetzt und man kann den submit Button anklicken.

    Kann man dies auf für mehrere Formularfelder realisieren?

  5. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: JS FormFields überprüfen

    klar
    du schreibst ne funktion mit nem parameter, dieser parameter soll dann die id eines form-elements übernehmen.
    dann fragste einfach nur nach ob der value dieses objektes != "" ist.
    am besten du schreibst von anfang an nen wert da rein als initialwert, prüfst dann auf leerstring und diesen initialwert und wenn beides nich auf das feld zutrifft, sollte ja was drinstehen.
    is das der fall gibste als return nen true zurück!
    dann kannste eine if-abfrage machen in der du die funktion mit übergabe der textfelder aufrufst.

    ungefähr so sollte die if dann aussehn:
    Code:
    if(watDrin('feld1') && watDrin('feld2') && watDrin('feld3') ){
        auszuführender code
    }
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  6. #6
    Azubi(ne)
    Themenstarter

    Registriert seit
    21.04.2008
    Beiträge
    61
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: JS FormFields überprüfen

    Ich verstehe was du meinst, weiss nur nicht wie ich dies umsetzen kann.
    Ich habe einmal meine beiden FormFields:

    Code:
    <input type="text" name="username" value="" class="form_field" onkeyup="add_user_check_length(this,'username');" /><br />
    
    <input type="text" name="password" value="" class="form_field" onkeyup="add_user_check_length(this,'password');" />
    Meine JS Funktion sieht so aus:

    function add_user_check_length(text,field) {
    var lenght = text.value.length;
    if (lenght >= 1) {
    document.getElementById("add_user_submit").disable d = false;
    } else {
    document.getElementById("add_user_submit").disable d = true;
    }
    }
    Jedoch wird in dem Fall das SubmitField freigegeben, wenn in nur einem der Beiden FormFields etwas eingegeben wird.

    Könntest du mir vll mit etwas Quellcode weiterhelfen?

  7. #7
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: JS FormFields überprüfen

    naja obwohl du nicht das gemacht hast, was ich empfohlen habe, sehe ich ja dass du wenigstens was in eigener verantwortung probiert hast

    hier haste was du suchst

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <html>
    <head>
        <title>Untitled</title>
    </head>
    <script type="text/javascript">
    function checkLength(obj) {
    var target = document.getElementById(obj);
    var laenge = target.value.length;
        if(laenge>=1){
            return true;
        }
        else{
            return false;
         }
    } 
    
    function checkFields(feld1, feld2){
    var sbtn = document.getElementById("add_user_submit");
        if(checkLength(feld1) && checkLength(feld2)){
            sbtn.disabled=false;
        }
        else{
            sbtn.disabled=true;
        }
    }
    
    </script>
    <body>
    <form>
    <input type="text" name="username" id="username" value="" class="form_field" onkeyup="checkFields('username', 'password');" /><br />
    
    <input type="text" name="password" id="password" value="" class="form_field" onkeyup="checkFields('username', 'password');" />
    
    <input type="submit" id="add_user_submit" disabled="disabled" />
    </form>
    </body>
    </html>
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Bei Eingabe überprüfen
    Von incendium im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 11.05.2008, 21:01
  2. banner überprüfen
    Von Thonixx im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 19
    Letzter Beitrag: 21.08.2007, 21:37
  3. PHP Quellcode überprüfen
    Von pure im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 26.03.2007, 11:04
  4. Benutzereingaben überprüfen
    Von ::RMB:: im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 21.02.2006, 20:14
  5. Dropdown mit JS überprüfen
    Von Lord Byron im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 06.06.2005, 16:00

Stichworte

Berechtigungen

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