Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Live Formular Validierung

  1. #1
    FR0SCH
    Gast

    Standard Live Formular Validierung

    Hallo Leute,

    ich möchte, dass meine Formular (erstmal aber nur eins zum Test) auf meiner Homepage nicht nur nach dem Abschicken, sondern auch zusätzlich während der Eingabe, auf die Richtigkeit kontrolliert werden.

    Das ist natürlich nur per Ajax möglich!Hab mich jetzt schon etwas herumprobiert, aber ich kriege es nicht hin!
    Kann mir jemand ein einfaches Script geben/bauen ... ich hab nirgendswo etwas in die Richtung gefunden!

    Ich hoffe ihr habt Ideen oder Tipps, schonmal Danke im voraus!
    Gruß Fr00sch
    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
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zeig uns doch einfach erstmal was du so gemacht hast, vielleicht bist du doch nicht mal so weit weg mit deinem Versuch.
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  3. #3
    FR0SCH
    Gast

    Standard

    Okay:
    Code:
    <script type='text/javascript' src='import/prototype.js'></script>
    <script type='text/javascript'>
    function nameValidation
     &#123;
    	var url = 'contact_ajax.php';
    	var rand = Math.random&#40;9999&#41;;
    	var action = contact.serializeElements&#40; $&#40;'name'&#41;.getInputs&#40;'text'&#41; &#41;
    	var pars = action + '&rand=' + rand;
    	var myAjax = new Ajax.Request&#40; url, &#123;method&#58; 'get', parameters&#58; pars, onLoading&#58; showLoad, onComplete&#58; showResponse&#125; &#41;;
    	
    	document.write&#40;$&#40;'contact'&#41;.serialize&#40;&#41;&#41;;
     &#125;
    function showLoad
     &#123;
    	$&#40;'formName'&#41;.innerHTML = "[img]import/desgin/loader.gif[/img]";
     &#125;
    function showResponse &#40;originalRequest&#41;
     &#123;
    	var newData = originalRequest.responseText;
    	$&#40;'formName'&#41;.innerHTML = newData;
     &#125;
    </script>
    <style type='text/css'>
    </style>
    <?
    include&#40;"import/function.php"&#41;;
    include&#40;"import/pics_email.php"&#41;;
    include&#40;"import/validation.php"&#41;;
    
    $fehler = "";
    $name      = $_POST&#91;'name'&#93;;
    $email     = $_POST&#91;'email'&#93;;
    $nachricht = $_POST&#91;'nachricht'&#93;;
    
    if &#40;validateEmpty&#40;$name&#41;&#41; $fehler .= "[*]dein Name fehlt";
    if &#40;validateEmpty&#40;$email&#41;&#41; $fehler .= "[*]deine E-Mail Adresse fehlt";
    if &#40;validateEmpty&#40;$nachricht&#41;&#41; $fehler .= "[*]keine Nachricht eingetragen wurde";
    if &#40;validateEmail&#40;$email&#41;&#41; $fehler .= "[*]die E-Mailadresse nicht das richtige Format &#40;xxxxxx@yyy.zz&#41; hat";
    if &#40;validateMaximumTextlength&#40;$name,30&#41;&#41; $fehler .= "[*]der Name zu lang ist";
    if &#40;validateMinimumTextlength&#40;$name,3&#41;&#41; $fehler .= "[*]der Name zu kurz ist";
    if &#40;validateEmpty&#40;$fehler&#41;&#41;
     &#123;
      //Die Mail wird erstellt
      $subject_news = "Nachricht via Kontaktformular";
      $datum =   "Datum&#58; ".date&#40;"j.n.Y"&#41;."
    ";
      $zeit =    "Zeit&#58;  ".date&#40;"H&#58;i"&#41;."
    ";
      $von =     "Von&#58;   ".$name." <".$email.">"."
    ";
      $linie =   "--------------------"."
    ";
      $text =    $datum.$zeit.$von.$linie.$nachricht;
      //und verschickt
      email_an_mich&#40;$subject_news,$text&#41;;
      //mail&#40;$an,$betreff,$text,"From&#58;kontakt@karstenpflug.de"&#41;;
     &#125;
    ?>
    Hier kannst du mich kontaktieren.
    <form action="contact.php" name="contact" method="post" style="margin&#58;10px 0px 10px 0px;">
     <fieldset class="contact">
      <legend>Kontaktformular</legend>
      <table border="0">
       <tr><td>Name&#58;</td><td><input name="name" value="<?php echo $_POST&#91;'name'&#93;;?>" onblur="nameValidation"><div id='formName'></div></td></tr>
       <tr><td>E-Mail&#58;</td><td><input name="email" value="<?php echo $_POST&#91;'email'&#93;;?>"></td></tr>
       <tr><td>Nachricht&#58;</td><td><textarea name="nachricht"  cols="50" rows="10" style='font-size&#58;10pt;'><?php echo $_POST&#91;'nachricht'&#93;;?></textarea></td></tr>
       <tr><td></td><td><input type="submit" value="Abschicken" name="Auswerten" class="button"></td></tr>
      </table>
     </fieldset> 
    </form>
    <?php
    if &#40;$_POST&#91;'Auswerten'&#93;!=""&#41;
     &#123;
      echo "<div class='check'>
    ";
      if &#40;empty&#40;$fehler&#41;&#41;
       &#123;
        echo "Ihre Nachricht konnte erfolgreich versandt werden.
    
    ";
       &#125;
      else
       &#123;
        echo "<font color='#FF0000'>Ihre Nachricht konnte nicht versandt werden, weil";
        echo "<ul>$fehler[/list]";
        echo "</font>";
       &#125;
      echo "</div>";
     &#125;
    ?>
    Ich weiß im moment nicht wie ich das eingegebene im Javascript aufnehme und dann versende!
    Gruß Fr0sch

  4. #4
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    By the way, du musst die Validität nicht unbedingt per Ajax prüfen, du kannst auch einfach eine Validität während onchange machen und dann eine unabhängige wenn das Script gesendet wird. So kannst du dir das mit den Requests sparen.
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  5. #5
    FR0SCH
    Gast

    Standard

    Aber ich muss/will doch im hintergrund die Daten mit php überprüfen teilweise mit einer Datenbank und dazu brauche ich dann Definitiv Ajax, oder?

  6. #6
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Jepp , bei SQLs und PHP brauchst du Ajax. Wobei ich vorsichtig sein würde, dabei kannst du schon mit zu vielen requests den Server lahm legen oder abschießen.
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  7. #7
    FR0SCH
    Gast

    Standard

    Ich bin mir der Problematik bewusst und selbst wenn würde ich gerne wissen wie es funktioniert.

  8. #8
    FR0SCH
    Gast

    Standard

    Also kennt sich keiner mit soetwas aus?

  9. #9
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hier gibts nen recht gutes Beispiel, besser könnt ichs auch nicht: klick
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  10. #10
    FR0SCH
    Gast

    Standard

    Danke für den Tipp.Hat mit weitergeholfen!

Ähnliche Themen

  1. Formular Fehler + IE / FF Validierung
    Von Voter im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 27.05.2008, 23:26
  2. Msn Live messenger und live Plus
    Von Breggal im Forum Computer - Internet Forum
    Antworten: 0
    Letzter Beitrag: 22.05.2007, 14:50
  3. CSS Frage zur Validierung
    Von Questionmark im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 17.11.2006, 11:21
  4. Validierung schlägt fehl
    Von sin im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 28.07.2006, 01:37

Stichworte

Berechtigungen

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