Wie zu verwenden struts2 submit-tag als button ohne Absenden des Formulars?

Ich bin mit Struts2-framework in meiner Anwendung, ich habe eine Taste auf meiner JSP-Seite. Das ist

<s:submit type="button" name="btnSave" />

Nun, ich möchte diese Taste verhält sich wie normale HTML-button-Typ, sollten Sie nicht senden Sie das Formular, und führen Sie die Scripting
Funktion auf onclick Veranstaltung. Die Funktion senden Sie das Formular mit Ajax.

Aber was passiert ist, Struts2 konvertieren

<input type="submit" id="add_btnSave" name="btnSave" value="Save"/>

Und meine form vorgelegt wird.

1) Wenn ich den HTML button-tag wird es mess der GUI. Als Thema meiner form ist Ajax.

Dies ist ein head tag mit Skript

<head>
<s:head theme="ajax"/>
<script type="text/javascript">

$("btnSave").click(function(){
alert("aaa");
$.ajax({
url:
type:"POST",
dataType: "json",
error: function(XMLHttpRequest, textStatus, errorThrown){
alert('Error ' + textStatus);
alert(errorThrown);
alert(XMLHttpRequest.responseText);
},
success: function(){
alert('SUCCESS');
}
});
});
</script>
</head>

Meine body - tag Anhänger :

<body>
<table border="1" width="80%" align="center">
<tr>
<td width="100%">
<s:tabbedPanel id="EmpDetail" useSelectedTabCookie="true">
<s:div id="one" label="Emp Reg." theme="ajax" tabindex="0" labelposition="top">
<center>
<s:form name="frmEmpReg" namespace="/" method="post">
EMPLOYEE REGISTRATIOM TAB<br>
<s:actionmessage />
<input type="hidden" name="empbean.id" value="<s:property value="empbean.id"/>"/>
<s:textfield label="Employee First Name" name="empbean.firstName"></s:textfield>
<s:textfield label="Employee Middle Name" name="empbean.middleName"></s:textfield>
<s:textfield label="Employee Last Name" name="empbean.lastName"></s:textfield>
<s:textfield label="Address" name="empbean.address"></s:textfield>
<s:textfield label="State" name="empbean.state"></s:textfield>
<s:textfield label="Employee Designation" name="empbean.designation"></s:textfield>
<s:submit name="btnSave" type="submit" value="Save" align="center"/>
</s:form>
</center>
</s:div>
<s:div>
..
..
Other Tabs
</s:div>
</s:tabbedPanel>
</td>
</tr>
</table>
</body>

jeder eine haben eine Vorstellung von der Handhabung mit Struts2 dann bitte helfen.

Ihre Hilfe wird wirklich geschätzt.

InformationsquelleAutor Siddharth Trikha | 2013-11-26
  1. 9

    Wenn Sie s:submit tag der erbrachten HTML Ausgang ist entweder input oder button - tag, aber der Typ ist submit außer für die image geben. Sie können den code ausführen, javascript onclick-Ereignis, dass nicht das Absenden des Formulars.

    <s:submit type="button" onclick="return false;"/>
    • Auf auf ich will laufen JS-code wie im obigen code: **$("btnSave").klicken Sie auf(Funktion(){ **! Also wenn ich onclick=" return false;" mein JS-code nicht ausgeführt werden. Bin ich irgendwo falsch???
    • onclick-Sie können Sie JS-code vor return false;
    InformationsquelleAutor Roman C
  2. 3

    Haben Sie versucht preventDefault()?

    $("btnSave").click(function(e){
    e.preventDefault();   
    //..rest of the code
});
    InformationsquelleAutor anu
Schreibe einen Kommentar