2016-10-07 5 views
0

Не работает следующее: При нажатии кнопки «Отправить» в JSP я не вижу никаких предупреждений.JQuery Form-Submit Событие не запускается при нажатии кнопки

Я добавил оба типа события «Отправить», ни один из них не срабатывает. Может быть, я не включаю некоторые соответствующие jQuery JS, в дополнение к 3.1.1.min и пользовательскому интерфейсу? Я получаю Startupdocument.ready()alert. Спасибо,

<script type="text/javascript" src="/app/js/jquery-3.1.1.min.js"></script> 
<script type="text/javascript" src="/app/js/jquery-ui.min.js"></script> 
<script type="text/javascript"> 

// Does Not Work 
$('#form').on('submit', function(e){ 
    alert('TEST'); 
    }); 

// Does Not Work 
$('#form').submit(function() { 
    alert('In form submit'); 
    return false; 
}); 

    // This is OK 
    $(document).ready(function() { 
     $("#wait").hide(); 
     alert('Startup'); 
    }); 
</script> 

JSP (с использованием некоторых тегов Struts, styleId перевести id в HTML):

<html:form styleId="form" action="/generate"> 

<table class=menu_2 cellSpacing="4" cellPadding="4" border="0"> 
     <TBODY> 
     <tr valign="bottom"> 
       <td> 
       <label class="formLabel" for="idTypeG">Number</label><br/> 
       <html:text property="number" maxlength="50" title="Enter Number"/> 
       </td> 
      </tr> 
      <tr> 
      <td COLSPAN=4> 
       <html:submit styleClass="clsFormBtn" value="Generate"/>&nbsp; 

      </td> 
     </tr> 
    </tbody> 
</Table> 

<div id="wait"> 
    PLEASE WAIT... 
</div> 
<br> 

+1

Вы должны поместить слушателей событий в функцию готовности DOM. Элемент формы отсутствует во время выполнения, поэтому прослушиватели событий не будут связаны. – Terry

+0

Я не вижу ни одного элемента с 'id =" формой '' в вашем html ... '$ ('# form'). Submit' ищет элемент с' id = "формой" '. – Dekel

ответ

0

Почему бы не использовать VALIDATE перехватчик?

Смежные вопросы