我只想在输入电子邮件后自动显示是否可以使用电子邮件(数据库中不存在)或不(数据库中存在)。当我输入时没有显示输出。截至目前我有这个代码。我应该如何解决这个问题
这是我的主页代码
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jquery-ajax Practice</title>
</head>
<body>
<section>
<form>
<label for="text_email">E-mail:</label>
<input id="text_email" type="email" >
<script type="text/javascript" charset="utf-8" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
$(document).ready(function(){
$('#text_email').keyup(function(){
email($(this).val());
});
});
function email(str){
$.post('checkmail.php',{ email: str},
function(data){
$('#check_email').html(data.returnValue);
}, 'json');
}
</script>
<label for="text_email" id="check_email"></label>
</form>
</section>
</body>
</html>
这是我的php代码
<?php
if(isset($_POST['email']))
{
try
{
$pdo=new PDO('mysql:host=localhost;dbname=class;charset=utf-8', 'root');
}
catch(PDOException $e)
{
echo 'Failed: '.$e->getMessage();
}
$stmt=$pdo->prepare('SELECT email FROM class where email=:email LIMIT 1');
$stmt->execute(array(':email'=>$_POST['email']));
if($stmt->rowCount()>0)
{
$check='E-mail cannot be use.';
}
else
{
$check='E-mail can be use.';
}
echo json_encode(array('returnValue'=>$check));
}
?>