2

我正在测试 Parsley 框架，我必须说我真的很喜欢它的简单实现。

我唯一的问题是，如果我尝试在表单验证正确的情况下附加 ajax 提交，它似乎并没有流行起来。

下面是我的代码。

<form data-validate="parsley" action="reply.html" method="post" id="main-form">
   <input type="text" name="email" data-type="email" data-required="true" /><br />
  <input type="submit" name="submit" />
</form>


<script>
$("#main-form").submit(function(event){
event.preventDefault();
    $.ajax({
           type: "post",
           url: $(this).attr('action'),
           data: $("#main-form").serialize(), // serializes the form's elements.
            dataType : 'json',
           success: function(data)
           {                
            if(data[0].status == 'success')
                {
                alert('its working ok');
                }
           }
         });
});
/* end simple ajax form post */
</script>

它似乎所做的就是让我验证表单，然后正常发布，但是我正在寻找一种简单的方法来简单地验证表单，如果一切都好，请通过 ajax 提交数据。

我似乎无法通过他们的帮助文档找到一种简单的方法......非常感谢任何建议

4

2 回答 2

5

您可以使用 parsely 的 ajax 验证来验证电子邮件。在要验证的输入字段中使用data-remote="http://yoururl.com" 。例如

<input type="text" name="email" data-type="email" data-required="true" data-remote="http://localhost/verify_email.php" />

请注意，我添加了data-remote="http://localhost/verify_email.php"。这将向给定的 url 触发一个 ajax 请求。

verify_email.php

// Do some code for verifying email id
if($emailIdExist){ 
    echo json_encode(array("error"=>"Sorry, Email exists. Please try with another one"));
}
else{
    echo true;
}
于 2013-08-29T06:40:56.647 回答
0

解决。如果存在以 200 回答，则其无效，如果不存在，则与 404 一起使用，因此：

在外部文件中，你应该把 if not exists header("HTTP/1.0 404 Not Found");

于 2014-04-28T09:43:44.077 回答