javascript - How to execute ajax post after execution of form validation on form submit? -



javascript - How to execute ajax post after execution of form validation on form submit? -

i have ajax post phone call submits contact form in rails application.

function contact_email(e){ form = $('form'); $.ajax({ type: "post", url: form.attr('action'), data: form.serialize(), datatype: "json", async: false, success: function(data) { window.location = data.redirect_url; }, error: function(xhr, status) { console.log(status); } }); homecoming false; }

and accompanying html :

<div class="form-container"> <form name="contact_form" action="/contact" data-remote="true" class="forms" > <fieldset> <ol> <li class="form-row text-input-row name-field"> <input type="text" name="name" class="text-input defaulttext required" title="name (required)"/> </li> <li class="form-row text-input-row email-field"> <input type="text" name="email" class="text-input defaulttext required email" title="email (required)"/> </li> <li class="form-row text-input-row subject-field"> <input type="text" name="subject" class="text-input defaulttext" title="subject"/> </li> <li class="form-row text-area-row"> <textarea name="message" class="text-area required"></textarea> </li> <li class="form-row hidden-row"> <input type="hidden" name="hidden" value="" /> </li> <li class="button-row"> <input onclick="contact_email()" type="submit" value="submit" name="submit" class="btn btn-submit bm0" /> </li> </ol> <input type="hidden" name="v_error" id="v-error" value="required" /> <input type="hidden" name="v_email" id="v-email" value="enter valid email" /> </fieldset> </form> </div>

jquery.slickforms beingness used validate forms before submission, checks see if required fields filled in , regex validation on email provided. slick forms initiated by:

jquery(document).ready(function ($) { $('.forms').dcslickforms(); });

however, when debugging execution,

onclick="contact_email()"

is first evaluated , post made, , after execution of slickforms validation occur. how can create such contact_email() function i've bound onsubmit occurs if , after successful form validation slickforms?

javascript jquery ajax post jquery-plugins

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -