php+jqueryのrefresh_PHPチュートリアルを使用しないAjaxメールアドレス検証の例

非更新ページを実現するには、以前は最も原始的な js ajax を使用して検証していましたが、現在は一般的に使用されている jquery ajax を簡単な post で解決できます。

index.php ページの例

コードは次のとおりです

コードをコピー

<頭> <スクリプト> $(document).ready(function(){ $('#ユーザー名').keyup(ユーザー名_check); }); 関数 username_check(){ var ユーザー名 = $('#ユーザー名').val(); if(ユーザー名 == "" || ユーザー名.length $('#ユーザー名').css('border', '3px #CCC ソリッド'); $('#tick').hide(); }その他{ jQuery.ajax({ 入力: 「POST」 URL：「check.php」 データ: 'ユーザー名='+ ユーザー名, キャッシュ: false、 成功: 関数(応答){ if(応答 == 1){ //登録できません $('#ユーザー名').css('border', '3px #C33 ソリッド'); $('#tick').hide(); $('#cross').fadeIn(); }その他{ $('#ユーザー名').css('border', '3px #090 ソリッド'); $('#cross').hide(); $('#tick').fadeIn(); } } }); } } #ユーザー名{ パディング:3px; フォントサイズ:18px; ボーダー:3px #CCC ソリッド; } #tick{表示:なし} #cross{表示:なし} ユーザー名:

php検証ページ、このページは検証のためにjquery ajax postからデータを受け取り、値を返します

コードは次のとおりですコードをコピー

http://www.bkjia.com/PHPjc/632749.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/632749.html技術記事非更新ページを実現するには、以前は最も原始的な js ajax を使用して検証していましたが、現在は一般的に使用されている jquery ajax を簡単な post で解決できます。

# ファイル名="Connection_php_mysql.htm" # Type="MYSQL" #HTTP="true" $hostname_lr = "ローカルホスト"; $database_lr = "シリコンブレスレットの注文"; $username_lr = "ルート"; $password_lr = ""; $lr = mysql_pconnect($hostname_lr, $username_lr, $password_lr) またはtrigger_error(mysql_error(),E_USER_ERROR); mysql_query("セット名 utf8;"); //if ($lr) { // echo "非常に良好です。MYSQL 接続に成功しました!"; //} 他 { //エコー「ごめんなさい、失敗しました!」; //} mysql_select_db($database_lr, $lr); // $username = trim(strto lower($_POST['username'])); $username = mysql_escape_string($username); if (エレギ("^[_.0-9a-z-]+@([0-9a-z][0-9a-z-]+.)+[a-z]{2,3}$", $ユーザー名)) { //メールはチェックに合格しました $query = "ユーザーからメールを選択 WHERE email = '$username' LIMIT 1"; $result = mysql_query( $query ); $num = mysql_num_rows($result); エコー $num; } それ以外 { echo "1";//登録できません } ?>