フォーム送信の HTML コード:
<div class="control-group">
<label class="control-label" for="input01">Email</label>
<div class="controls">
<input type="text" class="input-xlarge" id="email" name="email"
rel="popover" data-content="What’s your email address?"
data-original-title="Email">
<span class="check" style="color:red;" ></span>
</div>
</div>
電子メールを PHP スクリプトに投稿する jQuery コード:
$(function () {
$('#email').keyup(function () {
var email = $(this).val();
if (email != '') {
//$('.check').show();
$('error').fadeIn(400).html('<img src="/img/ajax-loading.gif" />');
var dataString = 'email=' + email;
$.ajax({
type: "POST",
url: "pages/check_email.php",
data: dataString,
cache: false,
success: function (result) {
if (result == '') {
$('.check').html(email + ' Avaliable');
$('#create').attr('disabled', '');
$('#create').attr('value', 'Active');
$("#email").removeClass("red");
$("#email").addClass("white");
} else {
$('.check').html(email + ' ' + result);
$('#create').attr('disabled', 'disabled');
$('#create').attr('value', 'Deactive');
$("#email").removeClass("white");
$("#email").addClass("red");
}
}
});
} else {
$('.check').html('');
$('#submit').attr('disabled', 'disabled');
$('#submit').attr('value', 'Deactive');
}
});
});
メールの可用性を確認し、値が見つかった場合と見つからなかった場合に 1 または 0 を返す PHP コード:
include_once "../base.php";
$stmt = $db->prepare("SELECT * FROM `Consultants` WHERE email =':email'");
$stmt->bindParam(":email", $_POST['email']);
$stmt->execute();
$num_rows = $stmt->fetchColumn();
$HTML='';
if($num_rows > 0){
$HTML='is already used';
}else{
$HTML='';
}
echo $HTML;
$stmt = null;
入力されたすべての電子メールに対して、「使用可能」を返します。使用しているデータベース内にいくつかのメールがあります。コンソールにもエラーは表示されません。