Можно ли как нибудь укоротить скрипт?

[dosqa]

Подскажите плз, как сократить этот код:

if (hasHtml5Validation()) {
  $('.validate-form').submit(function (e) {
  if (!this.checkValidity()) {
  e.preventDefault();
  $(this).addClass('invalid');
  $('#status').html('invalid');
  } else {
  $(this).removeClass('invalid');
  $('#status').html('submitted');
  var form_data = $(this).serialize();
  $.ajax({
  type: "POST",
  url: "send.php",
  data: form_data,
  success: function() {
  $('.validate-form').empty().append($('<h3 class="success">Спасибо за заказ, в ближайшее время наш менеджер свяжется с вами.<h3>'));

  }});
  }
  });
  $('.validate-form1').submit(function (e) {
  if (!this.checkValidity()) {
  e.preventDefault();
  $(this).addClass('invalid');
  $('#status').html('invalid');
  } else {
  $(this).removeClass('invalid');
  $('#status').html('submitted');
  var form_data = $(this).serialize();
  $.ajax({
  type: "POST",
  url: "send.php",
  data: form_data,
  success: function() {
  $('.validate-form1').empty().append($('<h3 class="success">Спасибо за заказ, в ближайшее время наш менеджер свяжется с вами.<h3>'));

  }});
  }
  });
  $('.validate-form2').submit(function (e) {
  if (!this.checkValidity()) {
  e.preventDefault();
  $(this).addClass('invalid');
  $('#status').html('invalid');
  } else {
  $(this).removeClass('invalid');
  $('#status').html('submitted');
  var form_data = $(this).serialize();
  $.ajax({
  type: "POST",
  url: "send.php",
  data: form_data,
  success: function() {
  $('.validate-form2').empty().append($('<h3 class="success">Спасибо за заказ, в ближайшее время наш менеджер свяжется с вами.<h3>'));

  }});
  }
  });
  $('.validate-form3').submit(function (e) {
  if (!this.checkValidity()) {
  e.preventDefault();
  $(this).addClass('invalid');
  $('#status').html('invalid');
  } else {
  $(this).removeClass('invalid');
  $('#status').html('submitted');
  var form_data = $(this).serialize();
  $.ajax({
  type: "POST",
  url: "send.php",
  data: form_data,
  success: function() {
  $('.validate-form3').empty().append($('<h3 class="success">Спасибо за заказ, в ближайшее время наш менеджер свяжется с вами.<h3>'));

  }});
  }
  });

 

[Keegan]

У вас этот участок:

if (!this.checkValidity()) {
  e.preventDefault();
  $(this).addClass('invalid');
  $('#status').html('invalid');
  } else {
  $(this).removeClass('invalid');
  $('#status').html('submitted');
  var form_data = $(this).serialize();
  $.ajax({
  type: "POST",
  url: "send.php",
  data: form_data,
  success: function() {
  $('.validate-form1').empty().append($('<h3 class="success">Спасибо за заказ, в ближайшее время наш менеджер свяжется с вами.<h3>'));

  }});
  }

Повторяется три раза - можете вынести его в отдельную функцию, и передавать параметром селектор формы(который '.validate-form1', '.validate-form2' и т.п), например.

 

[dosqa]

А как сделать что бы верхний сабмит, выдавал апенд в нужную форму, то есть если с верху я перечислю '.validate-form1', '.validate-form2' , то снизу можно так же перечислить? + они идут по порядку я думаю это можно как то использовать.

Все понял, сделал так

if (hasHtml5Validation()) {
  $('.validate-form1, .validate-form2, .validate-form3').submit(function (e) {
    if (!this.checkValidity()) {
            e.preventDefault();
      $(this).addClass('invalid');
      $('#status').html('invalid');
    } else {
      $(this).removeClass('invalid');
      $('#status').html('submitted');
            var form_data = $(this).serialize();
            $.ajax({
            type: "POST",
            url: "send.php",
            data: form_data,          
          });
         $(this).empty().append($('<h3 class="success">Спасибо за заказ, в ближайшее время наш менеджер свяжется с вами.<h3>'));
    }
  });
};

Тогда перечисление не нужно и можно добавить один класс всем формам и получится такое

if (hasHtml5Validation()) {
  $('.validate-form').submit(function (e) {
    if (!this.checkValidity()) {
            e.preventDefault();
      $(this).addClass('invalid');
      $('#status').html('invalid');
    } else {
      $(this).removeClass('invalid');
      $('#status').html('submitted');
            var form_data = $(this).serialize();
            $.ajax({
            type: "POST",
            url: "send.php",
            data: form_data,          
          });
         $(this).empty().append($('<h3 class="success">Спасибо за заказ, в ближайшее время наш менеджер свяжется с вами.<h3>'));
    }
  });
};

​

 

[kperi]

отсутствие некоторых критических точек
- как проверка статуса

if (hasHtml5Validation ()) {
var sMsg='<h3 class = "success"> Thanks for the order, our manager will contact you in the near future. <h3>';
var fMsg='<h3 class = "fail"> Order failed <h3>';
  $('.validate-form1, .validate-form2, .validate-form3').submit(function(e) {
    if(!this.checkValidity()) {
      $(this).addClass('invalid');
      $('#status').html('invalid');
      e.preventDefault();
    } else {
            var form_data = $ (this).serialize();
            $ .ajax ({
            type: "POST",
            url: "send.php",
            data: form_data,
            success: function(data){
                $ (this).removeClass('invalid');
                $ ('#status')html('submitted');      
                $(this).empty().append(sMsg);
            },
            error: function(data){$(this).empty().append(fMsg);}
          });
    }
  });
};};

 

[dosqa]

Да, я просто не весь скрипт выложил, на самом деле они не особо нужны, html5 эти строки выводит.