Question

I am using form validation plugin as well as html5 attribute=recquired with input type=button or submit and fancybox.when button is clicked ,both validation proceedures work(notification of empty inputs appeare),but instead of this notification ,form is submitted.

If I dont use button.click function but use simple submit.then validation works perfectly

plugin==http://validatious.org/

javascript function

   $(document).ready(function() {

    $('#send').click(function() {

    $(this).attr("value", 'Applying...');


    var id = getParam('ID');
    $.ajax({
        type:'POST',
        url:"send.php",



        data:{option:'catapply', tittle:$('#tittle').val(), aud:aud, con:con, adv:adv, mid:$('#mid').val(), aud2:aud, cid:$('#cid').val(), scid:$('#scname option[selected="saa"]').val(), gtt:$('input[name=gt]:radio:checked').val(), sr:$(":input").serialize() + '&aud=' + aud},

        success:function(jd) {
            $('#' + id).fadeOut("fast", function() {
                $(this).before("<strong>Success! Your form has been submitted, thanks :)</strong>");
                setTimeout("$.fancybox.close()", 1000);
            });
        }
    });
  });
 });

AND Html is here

      <form id="form2" class="validate" style="display: none" >

        <input  type='button'  value='Apply' id="send" class="sendaf validate_any"                              name="jobforming"/>
     </form>

Answer 1

EITHER have a type=”button” and not a type=”submit” OR what I vastly prefer, run on form submit instead of on click. the preventDefault (or return false at the end of the function) will stop the normal form submission UNLESS there is a syntax error in the code! For example what is aud and con?

Try

$(document).ready(function() {

  $("#form2").on("submit",function(e) {
    e.preventDefault(); // stop normal submission

    $('#send').attr("value", 'Applying...');

    var id = getParam('ID');
    $.ajax({
      type:'POST',
      url:"send.php",
      data:{option:'catapply', tittle:$('#tittle').val(), aud:aud, con:con, adv:adv, mid:$('#mid').val(), aud2:aud, cid:$('#cid').val(), scid:$('#scname option[selected="saa"]').val(), gtt:$('input[name=gt]:radio:checked').val(), sr:$(":input").serialize() + '&aud=' + aud},

      success:function(jd) {
        $('#' + id).fadeOut("fast", function() {
          $(this).before("<strong>Success! Your form has been submitted, thanks :)</strong>");
          setTimeout("$.fancybox.close()", 1000);
        });
      }
    });
  });
});