使用 AJAX 和 PHP 验证电子邮件

Question

我想提交我的表单并且 AJAX 调用应该将该数据发送到我的 php 文件。在我的 php 文件中是带有filter_var 的电子邮件验证，如果验证返回 false，则响应应该返回到 Javascript。除了验证部分，它的效果很好。但是每次我想提交并检查它是否是有效的电子邮件时，它都会返回 false 并显示“请输入有效的电子邮件”。如果它是有效或错误的电子邮件地址，则相等。


更新 - 09.08.2014/04:12
现在它基本上可以工作但，如果它没有错误消息，我会收到一个问题Cannot read proberty "isError" of null，这是合乎逻辑的。但是不知道如何避免该问题以将其正确传递回javascript。

HTML

<form action="submit.php" id="SubmitForm" method="post">
  <input id="mail" name="mail" type="text" />
 </form>
 <button id="submitAll">
   <span>Submit</span>
 </button>

Javascript

function submit() {
    var $form = $('form#SubmitForm');
    $.post(
    $form.attr('action'),
    $form.serialize(),

    function (data) {
        if (data.isError) {
            $errMsg.empty().text('Please enter a valid email');
        } else {
            document.location.href = "submit.php"
        }
    },'json'); }

PHP

$profileEmail  = $_POST['mail'];
$errorMessages = array();

if(!filter_var($profileEmail, FILTER_VALIDATE_EMAIL)){
    $errorMessages[] = "* Please enter a valid e-mail";
} else {
    $errorMessages[] = "* Valid e-mail";
}

if (!empty($errorMessages)) {
    die(json_encode(array('isError' => true, 'errorMessages' => $errorMessages)));
}

Answer 1

您的问题很简单 - 您为输入字段提供了一个 ID (mail)，但没有是一个 name，因此序列化不起作用 - 你只是向服务器发送一个空的查询字符串。

你需要：

<input id="mail" name="mail" type="text" />

我总是同时使用名称和 ID，因为表单提交需要前者，但使用后者（更）更容易进行 DOM 操作。

编辑 为避免您在修复上述问题后发现的新问题，只需确保您的脚本始终返回一些有效的 JSON，即使它只是 {}。你已经向服务器请求了一些 JSON - 你必须返回一些。

Answer 2

更新 - 09.08.2014/04:28
现在它起作用了！我意识到我的if(data.isError) 操作员错了。下面的代码有效。感谢您提供有用的信息来解决问题。 :)


HTML

<form action="submit.php" id="SubmitForm" method="post">
    <input id="mail" name="mail" type="text" />
</form>
<button id="submitAll">
    <span>Submit</span>
</button>

Javascript

function submit() {
    var $form = $('form#SubmitForm');
    $.post(
    $form.attr('action'),
    $form.serialize(),

    function (data) {
        if (data && data.isError) {
            $errMsg.empty().text('Please enter a valid email');
        } else {
            document.location.href = "submit.php"
        }
    }, 'json');
}

PHP

$profileEmail  = $_POST['mail'];
$errorMessages = array();

if(!filter_var($profileEmail, FILTER_VALIDATE_EMAIL)){
    $errorMessages[] = "* Please enter a valid e-mail";
} else {
    $errorMessages[] = "* Valid e-mail";
}

if (!empty($errorMessages)) {
    die(json_encode(array('isError' => true, 'errorMessages' => $errorMessages)));
}