2017-07-09 3 views
2

Die Funktion document.ready reagiert nicht, während die Seite geladen wird. Und auch ich habe ein Problem mit der .submit-Funktion. Bitte helfen Sie. Bitte helfen Sie mir diesen Code neu zu schreiben. Ich möchte nur ein Formular in PHP entwerfen, um zu überprüfen, ob die angegebene E-Mail-ID ist bereits in der Datenbank vorhanden oder nicht mit jquery ajax Bitte helfen Sie ....! Ich komme spät in mein Schulprojekt.Jquery document.ready reagiert nicht

$(document).ready(function(){ 
       alert("Working.."); 
       $("#userSubmit").submit(function(){ 
        alert("Working .."); 
        var email=document.getElementById("userEamil").value; 
        $.ajax({ 
         type:'POST', 
         data:"SELECT * FROM user WHERE userEmail='"+email+"'", 
         url:'common1.php', 
         success:function(data) 
         { 
          $result=$.parseJSON($data); 
          alert($result); 
          return false; 
         }, 
         error:function(data) 
         { 
          alert(data); 
          return false; 
         } 
        }); 
       }); 
      }); 
+0

"$ (" # userSubm it "). submit (Funktion {" fehlender Parameter nach Funktion Beispiel: function() –

+0

Und was ist mit $ (Dokument) .ready (function() {}); –

+0

Danke, aber immer noch gibt es Probleme in diesem Code .. –

Antwort

-3
<script> 
    $(document).ready(function() { 
     //alert("Working.."); 
     $("#userSubmit").submit(function() { 
      //alert("Working .."); 
        var email = $(this).closest("form").find("input[name='emailbox']").val(); 
        console.log(email); 
        $.ajax({ 
        type: 'POST', 
        data: "SELECT * FROM user WHERE userEmail='" + email + "'", 
        url: 'common1.php', 
        success: function(data) { 
         $result = $.parseJSON($data); 
         alert($result); 
         return false; 
        }, 
        error: function(data) { 
         alert(data); 
         return false; 
        } 
        }); 
       }); 
       }); 
      </script> 

<html> 
    <body> 
     <form id="userSubmit"> 
      <input type="email" id="userEmail" name="emailbox"> 
      <input type="submit" value="Submit">  
     </form> 
    </body> 
</html> 
+2

Bitte vermeiden Sie Code-only Antworten. Erklären Sie stattdessen, was Ihr Code macht und wie er die Frage lösen kann. – Mistalis

1

Sie haben einige Fehler in Ihrem Code, ich hoffe, Sie folgenden Code wird die Arbeit machen. und für weitere Probleme überprüfen Sie bitte den $.ajax Teil.

$(document).ready(function() { 
 
     // alert("Working.."); 
 
     $("#userSubmit").submit(function(event) { 
 
      event.preventDefault(); 
 
      alert("Working .."); 
 
      var email = document.getElementById("#userEamil").value; 
 
      $.ajax({ 
 
       type: 'POST', 
 
       data: "SELECT * FROM user WHERE userEmail='" + email + "'", 
 
       url: 'common1.php', 
 
       success: function(data) { 
 
        $result = $.parseJSON($data); 
 
        alert($result); 
 
        return false; 
 
       }, 
 
       error: function(data) { 
 
        alert(data); 
 
        return false; 
 
       } 
 
      }); 
 
     }); 
 
    }); 
 

 
<!-- begin snippet: js hide: false console: true babel: false -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="userSubmit" action=""> 
 
      <input type="email"> 
 
      <input type="submit" value="submit"> 
 
     </form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form action=""> 
    <input type="email" > 
    <input id="userSubmit" type="submit" value="submit"> 
</form> 
0

Hier gehen Sie mit der Lösung https://jsfiddle.net/1uor0gxf/1/

$(document).ready(function(){ 
 
    $("#userSubmit").click(function(){ 
 
     var email = $("userEamil").val(); 
 
     $.ajax({ 
 
      type:'POST', 
 
      data:`SELECT * FROM user WHERE userEmail='${email}'`, 
 
      url:'common1.php', 
 
      success:function(data) 
 
      { 
 
       $result=$.parseJSON($data); 
 
       alert($result); 
 
       return false; 
 
      }, 
 
      error:function(data) 
 
      { 
 
       alert(data); 
 
       return false; 
 
      } 
 
     }); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action=""> 
 
    <input type="text" id="userEamil" /> 
 
    <input type="button" id="userSubmit" value="Submit" /> 
 
</form>

Verwandte Themen