Question

我有这个功能来阻止表单提交，如果没有验证但是当它确定时ajax没有被执行

$(function () {
    $('#contact-form').validator();

    $('#contact-form').submit(function (e) {
      e.preventDefault();
 if(! $('#contact-form')[0].valid())  return false;

    var surname = $("#search_text").val();
    var name = $("#name").val();
    var mail = $("#mail").val();
    $("#printableArea").show();

    html2canvas([document.getElementById('printableArea')], {
  onrendered: function(canvas) {

        var imagedata = canvas.toDataURL('image/png');
        var imgdata = imagedata.replace(/^data:image\/(png|jpg);base64,/, "");
  // upload to imgur using jquery/CORS
  // https://developer.mozilla.org/En/HTTP_access_control

$("#register").val("Please wait to send the Subscription")
  $.ajax({
      url: 'save_image.php',
      type: 'POST',
      data: {
    imgdata:imgdata,surname:surname,name:name,mail:mail
         },

  }).success(function(data) {
 $('#contact-form')[0].submit();
  }).error(function() {
      alert('Could not send the form');
     w.close();

  });
  },
  });

    });
});

如果我删除if(! $('#contact-form')[0].valid()) return false;表单已经过验证但是执行了ajax。我怎么能做到两个。我搜索了所有相同的问题，但没有一个工作

表单提交和ajax以验证形式

0 个答案: