Question

我已经在这里阅读了几个用户的答案，我的目的是检查电子邮件是否已经在数据库中。

所以我的代码是以下

**HTML CODE**
<div class="form-group">
                  <div class="col-sm-12">
                    <div class="input-group">
                      <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                      <input id="fnam" name="firstname" class="profile-input form-control" type="text" placeholder="First Name" autocomplete="off" maxlength="25" required />

                     <!-- <input id="fullname" name="fullname" class="form-control" placeholder="Full Name" required="" type="text">-->
                    </div>
                  </div>
                </div>
            </fieldset>

            <fieldset>
            <!-- Prepended text Last Name-->
                <div class="form-group">
                  <div class="col-sm-12">
                    <div class="input-group">
                      <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                      <input id="lastname" name="lastname" class="profile-input form-control" type="text" placeholder="Last Name" autocomplete="off" maxlength="25" required />
             <!-- <input id="fullname" name="fullname" class="form-control" placeholder="Full Name" required="" type="text">-->
                    </div>
                  </div>
                </div>
            </fieldset>

            <fieldset>
                <!-- Prepended text Email-->
                <div class="form-group">
                  <div class="col-sm-12">
                    <div class="input-group">
                      <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
                      <input id="email" name="email"  class="profile-input form-control" type="email" placeholder="Email" autocomplete="off" maxlength="50"  required/>
            <!-- <input id="email" name="email" class="form-control" placeholder="Email" required="" type="text">-->
                    </div>
                  </div>
                </div>

JS / AJAX

 function chemail(inputText) {
 var email1 = $("#email").val();
 var x = document.forms["myappForm"]["email"].value;
 var datastring = '$email='+ x; // get data in the form manual



 //var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;  


    var atpos = x.indexOf("@");
    var dotpos = x.lastIndexOf("."); 

// if(inputText.value.match(mailformat)){

  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {

var msgp="Invalid Email. Ex: abc@ggggg.com";
    document.getElementById("msgreturn").style.color= "red";
     document.getElementById("msgreturn").innerHTML = msgp;
      document.getElementById("lem").style.color= "red";
document.myappForm.email.focus();  


return false;  
}  


else  
{  
 document.myappForm.email.focus();  
 var msgp="Email verified";
    document.getElementById("msgreturn").style.color= "green";
     document.getElementById("msgreturn").innerHTML = msgp;
      document.getElementById("lem").style.color= "green";

return true;  


$("span.loading").html("<img src='images/ajax_fb_loader.gif'>");
        $("span.validation").html("");
        var datastring = '&email='+ x;
        $.ajax({
                    type: "POST", // type
                    url: "check_email.php", // request file the 'check_email.php'
                    data: datastring, // post the data
                    success: function(responseText) { // get the response
                        if(responseText == 1) { // if the response is 1
                            $("span.email_val").html("<img src='images/invalid.png'> Email are already exist.");
                            $("span.loading").html("");
                        } else { // else blank response
                            if(responseText == "") {
                                $("span.loading").html("<img src='images/correct.png'> You are registred.");
                                $("span.validation").html("");
                                $("form input[type='text']").val(''); // optional: empty the field after registration
                            }
                        }
                    }
                                    } 
 }

和check_email.php

<?php require_once("../../php_includes/dbconnect.php"); 

$email = $_POST['x']; 
$query = mysql_query("SELECT 'email' FROM 'members' WHERE 'email' = '$email'"); 
if(mysql_num_rows($query) == 1) {  echo '1'; } else {  echo '1'; } 

?>

所以消息来源都在工作，我已经在ajax中设置了一些提醒，但它没有用，你能告诉我我在哪里犯了错误，我跟着这个例子来自本网站的其他用户，但无法找到解决方案。

Answer 1

假设您已直接复制了代码，可以通过检查缩进来找到错误。我建议，顺便说一句，你让编辑器用空格替换制表符，因为制表符可能无法在任何其他系统上正确显示间距（例如SO！）。

function chemail(inputText) {
  var email1 = $("#email").val();
  var x = document.forms["myappForm"]["email"].value;
  var datastring = '$email='+ x; // get data in the form manual



  //var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;  


  var atpos = x.indexOf("@");
  var dotpos = x.lastIndexOf("."); 

  // if(inputText.value.match(mailformat)){

  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {

    var msgp="Invalid Email. Ex: abc@ggggg.com";
    document.getElementById("msgreturn").style.color= "red";
    document.getElementById("msgreturn").innerHTML = msgp;
    document.getElementById("lem").style.color= "red";
    document.myappForm.email.focus();  

    return false;  
  }  

  else

  {  
    document.myappForm.email.focus();  
    var msgp="Email verified";
    document.getElementById("msgreturn").style.color= "green";
    document.getElementById("msgreturn").innerHTML = msgp;
    document.getElementById("lem").style.color= "green";

    return true;  

   // HERE'S THE PROBLEM!!! The following code never gets executed.  Missing parenthesis.

    $("span.loading").html("<img src='images/ajax_fb_loader.gif'>");
    $("span.validation").html("");
    var datastring = '&email='+ x;
    $.ajax({
      type: "POST", // type
      url: "check_email.php", // request file the 'check_email.php'
      data: datastring, // post the data
      success: function(responseText) { // get the response
        if(responseText == 1) { // if the response is 1
          $("span.email_val").html("<img src='images/invalid.png'> Email are already exist.");
          $("span.loading").html("");
        } else { // else blank response
          if(responseText == "") {
            $("span.loading").html("<img src='images/correct.png'> You are registred.");
            $("span.validation").html("");
            $("form input[type='text']").val(''); // optional: empty the field after registration
          }
        }
      }
    } 
  } // <--- this parenthesis is in the wrong place.

另一件应该让您了解问题的方法是使用Web控制台中的“网络”选项卡。您可以使用它来查看浏览器和服务器之间的流量;在这种情况下，您会发现没有对PHP脚本发出请求。

附录：

我认为datastring应该是一个对象，而不是一个url编码。换句话说，

var datastring = {email: x};

其中x = $('#email').val();

为了它的价值，因为你正在为你的ajax使用JQuery，所以改变像

这样的东西会更简洁

document.getElementById("msgreturn").style.color= "red";至$('#msgreturn').css('color','red');

使用ajax检查数据库中的电子邮件时出错

1 个答案: