onkeypress电子邮件验证使用ajax js和php - onkeypress Email Validation using ajax js and php

onkeypress Email Validation using ajax js and php

前言:这最终将扩展为一个注册表，但我更关心的是先完成一部分。

现在你将无法连接到我的服务器，但我确实需要帮助，或者至少解释一下为什么这段代码不能工作。我已经为此工作了一个星期左右，并没有发现任何真正类似于我的问题。

HTML:

<html>
    <head>
        <script type="text/javascript" src="checking.js"></script>
    </head>
    <body>
        <span id="conTest">
        <?php
            $con = mysqli_connect("L28-6","turkey","supersecretpassword","stored");
            if (mysqli_connect_errno($con))
            {
                echo"Failed to connect to MySQL: " . mysqli_connect_error();
            } else {
                echo "success";
            }
        ?>
        </span>
        Email: <input type="text" id="email" onkeyup="emailCheck(this.value)"/>
        <br/>
        <span id="emailError"></span>
    </body>
</html>

主要的错误在js的某个地方，看起来像:

function emailCheck(inputvalue) 
{    
    var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+'.([a-zA-Z])+([a-zA-Z])+/;
    var span=document.getElementById("emailError");
    if(pattern.test(inputvalue))
    {         
        span.innerHTML="true..checking";    
        var myRequest = new XMLHttpRequest();
        var response = myRequest.reponseText;
        myRequest.onreadystatechange = function()
        {
            if(myRequest.readyState == 4 && myRequest.status == 200)
            {
                if(response.test(inputvalue))
                {
                    span.innerHTML="already in use";
                }
                else
                {
                    span.innerHTML="valid";
                }
            }
            myRequest.open("POST", "email.php", true);
            myRequest.send();
        }
    }
    else
    {   
        span.innerHTML="not valid email"; 
    }
}

问题肯定是ajax调用，但这里是php部分(尚未处于工作状态):

<?php
mysqli_query($con,"select user_email from email");
?>

我知道有很多代码，但我真的很感谢任何输入。下面是使用正确格式的电子邮件时页面的响应:

电子邮件:asdfasdf@yahoo.com真的. .检查

所以我知道肯定它甚至没有落入myRequest。Readystatechange函数，因为如果它在它应该的地方，至少，返回"not valid email"

您的ajax请求在readystatechange中。这意味着永远不会调用ajax请求。

试试这样写:

function emailCheck(inputvalue) 
{   
var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+'.([a-zA-Z])+([a-zA-Z])+/;
var span=document.getElementById("emailError");
if(pattern.test(inputvalue))
{         
    span.innerHTML="true..checking";    
    var myRequest = new XMLHttpRequest();
    var response = myRequest.reponseText;
    myRequest.onreadystatechange = function()
    {
        if(myRequest.readyState == 4 && myRequest.status == 200)
        {
            if(response.test(inputvalue))
            {
            span.innerHTML="already in use";
            }
            else
            {
            span.innerHTML="valid";
            }
        }
    }
    myRequest.open("POST", "email.php", true);
    myRequest.send();
}
else
{   
    span.innerHTML="not valid email"; 
}
}

我可以看到你的代码的另一个问题。电子邮件将是有效的，甚至在完成之前填写

即使我需要通知something@domain.com，

something@domain.c也是有效的。使用按钮请求验证