2016-10-07 10 views
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"/>&nbsp; 

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

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

+1

DOM準備関数にイベントリスナーを配置する必要があります。フォーム要素は実行時に存在しないため、イベントリスナーはバインドされません。 – Terry

+0

あなたのHTMLに 'id =" form "'という要素がありません... '$( '#form')。submit'は' id = "form" 'の要素を探しています。 – Dekel

答えて

0

なぜ検証インターセプタを使わないのでしょうか?

関連する問題