2016-10-07 3 views
0

Folgendes funktioniert nicht: Wenn ich auf die Submit-Schaltfläche in der JSP klicke, werden keine Warnungen angezeigt.JQuery Form-Submit-Ereignis wird nicht auf Senden-Schaltfläche ausgelöst

Ich habe beide Arten des Submit-Ereignisses hinzugefügt, keines von ihnen wird ausgelöst. Vielleicht schließe ich einige relevante jQuery JS, zusätzlich zu 3.1.1.min und UI? Ich bekomme das Startupdocument.ready()Alarm. Danke,

<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 (einige Struts-Tags verwenden, styleId-id in HTML übersetzen):

<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

Sie müssen die Ereignis-Listener in die DOM-Ready-Funktion setzen. Das Formularelement ist zur Laufzeit nicht vorhanden, sodass keine Ereignis-Listener gebunden werden. – Terry

+0

Ich sehe kein Element mit 'id =" Form "' in Ihrem html ... '$ ('# form'). Submit' sucht nach Element mit' id = "form" '. – Dekel

Antwort

0

Warum nicht verwenden Sie die Validate Abfangjäger?

Verwandte Themen