Блог

Я впервые пробую шаблон модуля для формы, в которой регистрируются пользователи. Я хочу передать событие отправки в функцию аутентификации пользователя, но по какой-то причине функция аутентификации пользователя не запускается, функция preventDefault (), которая у меня есть для тестирования, не запускается, и форма все равно отправляется… Может кто-нибудь сказать мне, что я делаю не так? Или укажите мне правильное направление? Заранее благодарю вас!

Вот мой первоначальный код и подход:

 var Login = (function(){
  var form;

  var init = function (formId) {
    form = formId;
    return form;
  }

  var authenticate = function(e) {
    console.log(e)
    e.preventDefault();
  }

  return {
    init: init,
    authenticate: authenticate
  }
})();

$(function(){
  var mainLogin = Login.init( $("form#login-form") );
  mainLogin.submit( mainLogin.authenticate )
});
  

После получения обратной связи я думаю, что вместо этого мне нужен шаблон конструктора, потому что я хочу сделать этот подход модульным, чтобы он мог работать с любой формой входа:

 var Login = function(form){
  this.form = form;

  var authenticate = function(e) {
    console.log(e)
    e.preventDefault();
  }

  return {
    form: form,
    authenticate: authenticate
  }
};

$(function(){
  var mainLogin = new Login($("form#login-form"));
  mainLogin.form.submit( mainLogin.authenticate );
});
  

Это лучший подход?