Почему дважды срабатывает один и тотже скрипт?

Question

[Сергей Беловенцев]

собствено вот этот скрипт

$('#formMenu').submit(function(ev) {
            ev.preventDefault();
            alert('yes');
            //oData = new FormData(form);
            console.log(ev);
        });

при клике на input type ='submit' событие .submit() срабатывает два раза причем оба раза ev получает разные объекты вот что получаю первый раз

Object {
     originalEvent: submit,
     type: "submit", 
     isDefaultPrevented: returnTrue(),
     timeStamp: 0,
     jQuery22406012973310565117: true,
     which: undefined,
     view: undefined,
     target: <form#formMenu>,
     shiftKey: undefined,
     relatedTarget: undefined,
     ещё 13… }

вот что второй раз получаю

Object { 
     type: "submit",
     timeStamp: 1497342808303,
     jQuery22406012973310565117: true,
     isTrigger: 3,
     namespace: "",
     rnamespace: null,
     result: true,
     target: <form#formMenu>,
     delegateTarget: <form#formMenu>,
     currentTarget: <form#formMenu>,
     ещё 3… }

не объясните почему так и как продебажить ошибку

Comments

[Артем]

У вас в HTML не прописан на onClick вызов этой же функции?

Answer 1

[sinneren]

// jQuery plugin to prevent double submission of forms
jQuery.fn.preventDoubleSubmission = function() {
  $(this).on('submit',function(e){
    var $form = $(this);

    if ($form.data('submitted') === true) {
      // Previously submitted - don't submit again
      e.preventDefault();
    } else {
      // Mark it so that the next submit can be ignored
      $form.data('submitted', true);
    }
  });

  // Keep chainability
  return this;
};

Comments

[Сергей Беловенцев]

вы бы уже до конца копипаститли вот это забыли $('form').preventDoubleSubmission();