Javascript “防止用户转到”；。“下一步”；借助jQuery

我试图实时检查数据库中的输入字段。我有java脚本如下：

$(document).ready(function(){
    $('#emailcheck').load('check-email.php').show();

    $(".next").click(function() {

        $.post('check-email.php', { email: form.email.value },
        function(result) {
            $('#emailcheck').html(result).show();

        });     
    });
});

HTML:

 <form name="email">
    <input type="email" class="form-control" id="email" name="email" placeholder="email"><br>
    <div id="emailcheck"></div>
 </form>
    <p><a class="btn btn-primary next">Go to step 2</a></p> 

---

实际上，您要做的是防止“下一个”单击事件的默认行为。因此，您应该将事件声明为

$（“.next”）。单击（函数（事件）{

，然后在

之后的底部，如果（form.valid（））

您应该添加：

if (form.valid() === true){
   // everything you originally had here
} else {
  event.preventDefault();
}

---

在成功函数回调中插入条件？例如：

if（data==“Available”）{$（'#stepsucture'）.html（data）；}否则{/*不转到下一步*/}

是的，这可以引导我们找到解决方案。需要从check-email.php获取数据。如果数据可用，用户应该单击。如果不需要，请单击“下一步”。但不幸的是，我没有太多的信息。我试图做的实际上是混淆。我想阻止“下一步”如果电子邮件已经被接收，请单击事件。令人困惑的是，我想同时单击“下一步”。所以在这种情况下，您的代码只帮助检查电子邮件字段，即使它可用，也不会转到下一步，它只显示“可用”我对答案进行了编辑，以便更清楚地说明您应该在哪里输入答案。您是这样尝试的吗？非常感谢，请投赞成票。但一切都是一样的。这只是检查电子邮件可用性。但“下一步单击”还有另一件事要做。下一步是什么。我希望只有当电子邮件可用时，它才进入下一步。

if (form.valid() === true){
   // everything you originally had here
} else {
  event.preventDefault();
}