2016-10-09 7 views
1

私は今、数時間以上のために解決しようとしてきた大きな問題を抱えています。Javascriptを自動チェックログイン可用性

私は自分のサイトの登録フォームで自動チェックログイン可用性オプションを作成する必要があります。ユーザーが入力フィールドを離れた後に入力値をチェックしたい(ぼかし)。ここ は私のHTMLの重要な部分である:

<div id="wrapper"> 
    <div id="register_area"> 
     <p id="register_description">Registration form.</p> 

     <form action="security/check_register.php" method="post"> 

     <div id="register_form"> 
      <input type="text" name="login" placeholder="Login" id="input_login"/> 
      <input type="password" name="password" placeholder="Password" id="input_password"/> <br /> 
      <input type="password" name="password2" placeholder="Re-type password"/> <br /> 
      <input type="text" name="mail" placeholder="E-mail"/> <br /> 
      <input type="text" name="birth_year" placeholder="Birth year (YYYY)"/> <br /> 
      <input type="submit" value="Register"/> 
      <p></p> 
     </div> 
     </form> 
    </div> 
</div> 

は、ここに私のスクリプトです:ユーザ名がデータベースにすでに存在する場合、それは1を返す場合

$("#input_login").blur(function() { 
    jQuery.ajax({ 
     url: "security/find_login.php", 
     data:'login='+$("#input_login").val(), 
     type: "POST", 
     success:function(data){ 
      if (data) { 
       $("#input_login").value = ""; 
       $("#input_login").style = "border: 2px solid red;" 
      } 
     }, 
     error:function(){} 
    }); 
}); 

は私のセキュリティ/ find_login.phpスクリプトはただ、チェック(この部分はうまくいきます)

これは問題です... ajax呼び出しの後、私のfind_login.phpスクリプトは正しい値を返しますが、入力フィールド(id = "input_login")は正しい値を返します。それは国境と価値を変えるものではありません。実際に、何かを変えようとすると、 何も起こりません。私はajax呼び出しの後、私のjQueryスクリプトは私のサイトの要素を見ることができないと思う。 私は何が間違っていますか?

私は同様の問題を発見しました:jQuery doesn't work after content is loaded via AJAX しかし、このアイデアをスクリプトに適用する方法はわかりません。私はほとんどすべてを試みた。 どうか私に教えてください。スクリプトが動作するようにスクリプトを変更する方法を教えてください。

ありがとうございます!

+0

に変更する必要がありますが(あなたがたsetIntervalを使用することができますチェック)のjavascriptの質問にも、あなたのPHPスクリプトが含ま –

+0

。挿入して 'alert();'を実行して、if条件に正しくアクセスしたかどうかを確認してください。 –

答えて

1

あなたはjQueryオブジェクトに編集するネイティブのプロパティを使用していました。あなたは、このオブジェクトのjqueryの関数を使用する必要があります。

$("#input_login").val("").css("border", "2px solid red");

+0

さて、国境の色がついに変わりました!ありがとうございました! :私はこのようにしようとしたとき、D – puchat

0

私は問題はこの文であると思います。

$("#input_login").value = ""; 

この文はautoに

$("#input_login").val() = ""; 
+0

は残念ながら、クロームのコンソールに私はこのエラーを取得する:キャッチされないにReferenceError:無効な左辺割り当てにおける:( – puchat

+0

Gudzダニエルの答えは私の問題を解決するようだが、あなたの助けに感謝:) – puchat

+0

!あなたは呼び出し可能な結果に何かをおろすことはできません。おそらくあなたが作るたかった、それ '.val( "");' –

関連する問題