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

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

WBOY

リリース： 2016-07-13 10:49:01

オリジナル

1115 人が閲覧しました

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

index.php ページの例

コードは次のとおりです

コードをコピー

<頭>

php jquery ユーザー名をチェック ajax アカウントの一意性をチェック

<スクリプト>
$(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からデータを受け取り、値を返します

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

# ファイル名="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";//登録できません

}