Parsley for validation and submit data via ajax

Question

Im testing out the Parsley framework and i must say I really do like how simple it is to implement.

My only issue, is that if i try to attach an ajax submit if the form is validated correctly, it just doesnt seem to catch on.

below is my code.

<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>

all it seems to do, is allow me to validate the form, then post it normally, however im looking for an easy way to simply validate the form and if all is good, submit the data via ajax.

I cant seem to find an easy way of doing this via their help docs... any advice greatly appreciated

Possible duplicate of stackoverflow.com/questions/15737455/… — Matt Browne
– Matt Browne, Commented May 27, 2013 at 3:07

Sajith · Accepted Answer · 2013-08-29 06:40:56Z

5

You can validate the email using parsely's ajax validation. use data-remote="http://yoururl.com" in your input field, which is to be validated. for example

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

Note that I've added data-remote="http://localhost/verify_email.php". This will fire an ajax request to the given url.

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;
}

answered Aug 29, 2013 at 6:40

Sajith

2,8529 gold badges39 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Limon Over a year ago

Thanks for the answer. Do you know how to use parsley's custom red messages when there's an error on the input?

Sajith Over a year ago

By default, Parsley is using its styles. If you want to write custom styles, override parsley's styles in your style sheet with the help of !import

Asier · Accepted Answer · 2014-04-28 09:43:44Z

0

Resolved. If exists answers with 200, so its invalid, if not exists, works with 404, so:

In the external file, you should put if not exists header("HTTP/1.0 404 Not Found");

answered Apr 28, 2014 at 9:43

Asier

115 bronze badges

1 Comment

Fernando Montoya Over a year ago

This still works? I am returning a 200 if is valid and 404 if not, but neither Parsley keep saying that is invalid

Collectives™ on Stack Overflow

Parsley for validation and submit data via ajax

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related