ajax & registrierungsformular

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Wenn ich dich richtig verstehe, muss dazu auch noch Ajax her. Was natürlich davon abhängig ist, ob die E-Mail-Adresse und sonstige Angaben wirklich genauer geprüft werden sollen, zum Beispiel durch einen Vergleich zu einem Eintrag in der Datenbank oder aber das Prüfen der Existenz einer E-Mail-Adresse.

    Was für Vorkenntnisse besitzt du bereits?

  • Hallo !

    Hab da jetzt was nur wie bekomme ich da ne mail prüfung rein?

    Quellcode

    1. var AJAXForms;
    2. var LastField = null;
    3. var isIE = (navigator.appName == 'Microsoft Internet Explorer');
    5. function CheckField(field) {
    6. try {
    7. AJAXForms = new XMLHttpRequest();
    8. }catch(e){
    9. AJAXForms = new ActiveXObject("Microsoft.XMLHTTP");
    10. }
    12. AJAXForms.onreadystatechange = processChange;
    13. AJAXForms.open("GET", "check.php?op=ajax&field="+field.name+"&value="+field.value);
    14. LastField = field.name;
    15. AJAXForms.send(null);
    16. }
    18. function processChange() {
    19. if (AJAXForms.readyState == 4) {
    20. document.getElementById(''+LastField+'_1').innerHTML = AJAXForms.responseText;
    21. document.getElementById(''+LastField+'_1').style.visibility = "visible";
    23. }
    24. }
    Alles anzeigen
    Mfg Rompers

  • E-Mail Validierung?

    Kannst du sowohl mit PHP (eben über AJAX) oder direkt in JS machen.
    http://aktuell.de.selfhtml.org/artikel/programmiertechnik/email/

    Quellcode

    1. function checkEmail(email) {
    2. var proto = "(mailto:)?";
    3. var usr = "([a-zA-Z0-9][a-zA-Z0-9_.-]*|\"([^\\\\\x80-\xff\015\012\"]|\\\\[^\x80-\xff])+\")";
    4. var domain = "([a-zA-Z0-9][a-zA-Z0-9._-]*\\.)*[a-zA-Z0-9][a-zA-Z0-9._-]*\\.[a-zA-Z]{2,5}";
    5. var regex = "^" + proto + "?" + usr + "\@" + domain + "$";
    7. var rgx = new RegExp(regex);
    8. return rgx.exec(email) ? true : false;
    9. }


    Quellcode

    1. function check_email($email) {
    2. // RegEx begin
    3. $nonascii = "\x80-\xff"; # Non-ASCII-Chars are not allowed
    5. $nqtext = "[^\\\\$nonascii\015\012\"]";
    6. $qchar = "\\\\[^$nonascii]";
    8. $protocol = '(?:mailto:)';
    10. $normuser = '[a-zA-Z0-9][a-zA-Z0-9_.-]*';
    11. $quotedstring = "\"(?:$nqtext|$qchar)+\"";
    12. $user_part = "(?:$normuser|$quotedstring)";
    14. $dom_mainpart = '[a-zA-Z0-9][a-zA-Z0-9._-]*\\.';
    15. $dom_subpart = '(?:[a-zA-Z0-9][a-zA-Z0-9._-]*\\.)*';
    16. $dom_tldpart = '[a-zA-Z]{2,5}';
    17. $domain_part = "$dom_subpart$dom_mainpart$dom_tldpart";
    19. $regex = "$protocol?$user_part\@$domain_part";
    20. // RegEx end
    22. return preg_match("/^$regex$/",$email);
    23. }
    Alles anzeigen

  • mh wie soll ich das nun da dann einbinden?
    hier die js

    Quellcode

    1. var AJAXForms;
    2. var LastField = null;
    3. var isIE = (navigator.appName == 'Microsoft Internet Explorer');
    5. function CheckField(field) {
    6. try {
    7. AJAXForms = new XMLHttpRequest();
    8. }
    10. catch(e) {
    11. AJAXForms = new ActiveXObject("Microsoft.XMLHTTP");
    12. }
    14. AJAXForms.onreadystatechange = processChange;
    15. AJAXForms.open("GET", "register_check.php?op=ajax&field="+field.name+"&value="+field.value);
    16. LastField = field.name;
    17. AJAXForms.send(null);
    18. }
    20. function processChange() {
    21. if(AJAXForms.readyState == 4) {
    22. document.getElementById(''+LastField+'_1').innerHTML = AJAXForms.responseText;
    23. document.getElementById(''+LastField+'_1').style.visibility = "visible";
    24. }
    25. }
    Alles anzeigen

    hier die php

    Quellcode

    1. <?php
    3. require('./global.php');
    5. if($_GET['op'] == 'ajax') {
    6. $query = "SELECT * FROM ccs_users where user_name='".mysql_escape_string($_GET['value'])."' OR email='".mysql_escape_string($_GET['value'])."'";
    7. $result = mysql_query($query);
    8. $num_rows = mysql_num_rows($result);
    9. if($num_rows == 0) {
    10. $msg = 'available';
    11. $class = "green";
    12. } else {
    13. $msg = 'Not Available';
    14. $class = "red";
    15. }
    16. }
    18. echo '<span class="'.$class.'">'.$msg.'</span>';
    19. die();
    20. ?>
    Alles anzeigen

    und hier die html

    Quellcode

    1. <html>
    2. <head>
    3. <title>Register</title>
    4. <link rel="stylesheet" type="text/css" href="style.css" />
    5. <script src="java/form.js" type="text/javascript" language="javascript"></script>
    6. </head>
    7. <body>
    8. <form action="register.php" method="post" name="ajaxform">
    9. <table class=ajform>
    10. <tr>
    11. <td class="title">Username (*)</td>
    12. <td class="field"><input type="text" name="username" value="" size="20" OnChange="CheckField(this)" tabindex="1">
    13. <div id="username_1" class="message"></div></td>
    14. </tr>
    15. <tr>
    16. <td class="title">e-Mail (*)</td>
    17. <td class="field"><input type="text" name="email" value="" size="20" OnChange="CheckField(this)" tabindex="1">
    18. <div id="email_1" class="message"></div></td>
    19. </tr>
    20. </table>
    21. </form>
    22. </body>
    23. </html>
    Alles anzeigen
    Mfg Rompers