Не работает следующее: При нажатии кнопки «Отправить» в 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"/>
</td>
</tr>
</tbody>
</Table>
<div id="wait">
PLEASE WAIT...
</div>
<br>
Вы должны поместить слушателей событий в функцию готовности DOM. Элемент формы отсутствует во время выполнения, поэтому прослушиватели событий не будут связаны. – Terry
Я не вижу ни одного элемента с 'id =" формой '' в вашем html ... '$ ('# form'). Submit' ищет элемент с' id = "формой" '. – Dekel