Как связать событие нажатия кнопки в PartialView (MVC)?

Question

Я делаю страницу в asp.net MVC. На этой странице есть элемент View and PartialView.I, который добавляет элемент в partialview и записывает Countinue Функция в виде.

кнопка:

<button type="button" class="btn btn-warning center-block btn-large" id="Continue" onclick="Continue(this);">Continue</button> 

ЯШ:

var Continue=function (e) { 
      e.preventDefault(); 
      if ($('#FieldsetCharterFlightsReturn article').size() < 1) { 
       if (validateDeparturef(e)) { 
        $("#CharterFlightsForm").submit(); 
       } 

      } 
         if ($('#FieldsetCharterFlightsReturn article').size() > 0) { 
       if (validateDeparturef(e) && validateArrivalf(e)) { 
        $("#CharterFlightsForm").submit(); 
       } 
      } 
     }; 

Теперь, когда я нажимаю на кнопку получить эту ошибку:

TypeError: Continue is not a function

Что такое правильный способ связать событие элементов в PartialView?

Answer 1

Используйте следующий шаблон:

<button type="button" class="btn btn-warning center-block btn-large" id="Continue" onclick="module.Continue(event);">Continue</button> 

(function($, module) { 

    module.Continue=function (e) { 
     e.preventDefault(); 
     if ($('#FieldsetCharterFlightsReturn article').size() < 1) { 
      if (validateDeparturef(e)) { 
       $("#CharterFlightsForm").submit(); 
      } 

     } 
     if ($('#FieldsetCharterFlightsReturn article').size() > 0) { 
      if (validateDeparturef(e) && validateArrivalf(e)) { 
       $("#CharterFlightsForm").submit(); 
      } 
     } 
    }; 

}(jQuery, module= window.module|| {})); 

Answer 2

Поскольку вы используете jquery связать событие, используя его вместо уродливого встроенного обработчика кликов.

$(function(){ 
    $('#Continue').on('click', Continue); 
}) 

OR, используя событие делегации

$(document).on('click', '#Continue', Continue); 

и удалить INLINE onclick="Continue(event);" обработчику