Question

我正在测试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提交数据。

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

Answer 1

您可以使用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;
}

Answer 2

解决。如果存在200的答案，那么它的无效（如果不存在）适用于404，所以：

在外部文件中，您应该放置if not exists标头（＆＃34; HTTP / 1.0 404 Not Found＆＃34;）;

欧芹用于验证并通过ajax提交数据

2 个答案: