0
以下は機能しません。JSPの「Submit」ボタンをクリックすると、アラートが表示されません。SubmitボタンでJQueryフォーム・サブミット・イベントが起動しない
Submitイベントの両方のタイプを追加しましたが、どちらも起動しません。多分私は3.1.1.minとUIに加えて、関連するjQuery JSを含んでいないでしょうか? 私はスタートアップを得るdocument.ready()
警告。おかげで、
<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
HTMLでid
に変換):
<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
あなたのHTMLに 'id =" form "'という要素がありません... '$( '#form')。submit'は' id = "form" 'の要素を探しています。 – Dekel