Ajaxコールphp関数がすべてのjavascript関数を破り、ページ

Question

ユーザー名が既に取得されているかどうかを検証しようとしています。入力フィールドのこの変更。私は既に他の小切手を持っていますが、私はajax呼び出しを追加して以来、もう動作しません。私はエラーがそこにあることができるように、AJAXとjavascriptに新しいです。

HTMLフォーム：

<form action="test" method="post"> 
 
    <input id="username" type="text" placeholder="Gebruikersnaam" name="username" required onchange="checkUserName()"> 
 
    <br> 
 
    <input id="email" type="text" placeholder="Email" name="email" required onchange="validateEmail()"> 
 
    <br> 
 
    <input id="pass1" type="password" placeholder="Type wachtwoord" name="password1" required> 
 
    <br> 
 
    <input id="pass2" type="password" placeholder="Bevestig wachtwoord" name="password2" required onchange="passwordCheck()"> 
 
    <br> 
 
    <select name="typeAccount"> 
 
    <option value="bedrijf">Bedrijf</option> 
 
    <option value="recruiter">Recruiter</option> 
 
    <option value="werkzoekende">Talent zoekt job</option> 
 
    </select> 
 
    <p id="demo1"> 
 
    </P> 
 
    <p id="demo2"> 
 
    </P> 
 
    <button type="submit">Scrijf mij in!</button> 
 
</form>

私はJavaScriptを使用：私はこれを使用

<script src="jquery.js"> 
     function passwordCheck(){ 
      var password1 = document.getElementById('pass1').value; 
      var password2 = document.getElementById('pass2').value; 

      if(password1 !== password2){ 
       document.getElementById("pass1").style.borderColor = "#ff3333"; 
       document.getElementById("pass2").style.borderColor = "#ff3333"; 
      }else{ 
       document.getElementById("pass1").style.borderColor = "#1aff1a"; 
       document.getElementById("pass2").style.borderColor = "#1aff1a"; 
      } 
     } 
     function validate(email){ 
      var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
      return re.test(email); 
     } 
     function validateEmail(){ 
      var email = document.getElementById('email').value; 
      if(validate(email)){ 
       document.getElementById("email").style.borderColor = "#1aff1a"; 
      }else{ 
       document.getElementById("email").style.borderColor = "#ff3333"; 
      } 
     } 
     function checkUserName(){ 
      var username = document.getElementById('username').value; 
      if(username === ""){ 
       document.getElementById("username").style.borderColor = "#ff3333"; 
      }else{ 
       $.ajax({ 
        url: "userCheck.php", 
        data: { action : username }, 
        succes: function(result){ 
         if(result === 1){ 
          document.getElementById("username").style.borderColor = "#1aff1a"; 
         }else{ 
          document.getElementById("username").style.borderColor = "#ff3333"; 
         } 
        } 
       }); 
      } 
     } 
    </script> 

PHPスクリプトは、別のファイルにあります。

<?php 
    include("connect.php"); 
    $connect = new Connect(); 
    $username = mysql_real_escape_string($_POST['username']); 
    $result = mysql_query('select username from usermaindata where username = "'. $username .'"'); 
    if(mysql_num_rows($result)>0){ 
     echo 0; 
    }else{ 
     echo 1; 
    } 
?> 

スクリプトとHTMLフォームは同じHTMLファイルにあり、PHPは別々のPHPファイルにあります。 名前が既にデータベースに入っているかどうかをチェックしたいだけです。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.