如果电子邮件已存在或为空,请检查文本输入



我想获取txtEmail输入的值,并在文本输入失去焦点时检查它是否已经使用。假设只使用一个电子邮件地址john.doe@example.com.如果电子邮件已经存在,它将返回一条错误消息,说明它已经存在。如果文本字段为空,它也将返回错误消息

"Checkemail.php";

<?php
header('Access-Control-Allow-Origin: *');
if ($_REQUEST['email'] == 'john.doe@example.com') {
echo -1;    
} else {
echo 1;
}
?>

Scripts.js

document.getElementById("txtEmail").addEventListener("focusout", outOfFocus);
function outOfFocus(){
var txtEmail = $("#txtEmail").val();
console.log(txtEmail);
$.ajax({
type:"POST",
url:"checkemail.php?email=<email>",
data: txtEmail,

success: function(data){
console.log("Success!");
},
error: function(){
document.getElementById("#emailError").innerHTML = "Email address already used!"
}
})
}

电子邮件.html

<label for="lblEmail">Email : </label>
<input type="email" id="txtEmail">
<label for="emailError" id="emailError"></label><br/>

"模糊";是你想要的活动-没有;focusout";据我所知,除非你使用的是有的库

此外,当发送POST请求时,您不需要查询字符串(即,行应该只是url:"checkemail.php",因为数据只会在POST主体中发送(

您还应该使用$_POST而不是$_REQUEST 访问变量服务器端

同样,如果您通过POST变量名引用事物,则可能需要发送一个键值对象,而不仅仅是字符串。只需从jQuery文档中复制一个示例。您也可以使用$.post方法,这是将$.ajax方法设置为post手动的简写

如果你完成了所有这些步骤,这应该会让你在的大部分时间里

最新更新