javascript - ajax调用并在php中验证电子邮件

Question

我正在尝试将表单操作“转换”为 ajax 调用。 我的表格:

 <!-- <form method="POST" onSubmit="return doSubmitLogic()" action="action.scripts.php" >
<input type="hidden" name="actiune" value="login" />
<div>
    <label> Email </label>
    <input type="email" name = "email" id="email" /><span id="emailErr"></span >
</div>
<div>
    <label> Password </label>
    <input type="password" name = "password" id="password" /> <span  id="passErr"></span >
</div>

<div>
    <input id ="submitBtn" type="submit" name="button" value="Send"/>
</div>

我尝试用我的 ajax 做什么:

$(document).ready(function(){
$("#submitBtn").click(function(e){

    e.preventDefault();  

    $.ajax({
        type: "POST",
        url: "functions.php",
        data: {
               Email: $("#email").val(),
               Password: $("#password").val(),
              },

        success: function(result){   
            alert(result);
        },
        error: function (error){
            alert("Error");
        }

   });
 });
 });

此外，我的代码“functions.php”由许多检查 Action 是否具有特定值以及是否执行某项操作组成。因此:

  if ($_POST['actiune']==="login") {
    $email = $_POST['email'];
    $password = $_POST['password'];
    $encript_pass = md5($password);

    $query = "select * from user where email='$email' and password='$encript_pass'"; 
    $result = mysql_query($query) or die ("Error in query: $query " . mysql_error()); 
    $row = mysql_fetch_array($result); 



    if (!filter_var($email, FILTER_VALIDATE_EMAIL) === false) {
        echo("$email is a valid email address");
    } else {
        echo("$email is not a valid email address");
    }   
 }

当我运行它时，它给我一个警告说错误。有什么建议吗？

Answer 1

只需用此替换您的代码，注意电子邮件和密码下的“actiune”

    $(document).ready(function(){
$("#submitBtn").click(function(e){

    e.preventDefault();  

    $.ajax({
        type: "POST",
        url: "functions.php",
        data: {
               Email: $("#email").val(),
               Password: $("#password").val(),
               actiune: $('input[name="actiune"]').val()
              },

        success: function(result){   
            alert(result);
        },
        error: function (error){
            alert("Error");
        }

   });
 });
 });