Currently in my Java application, I am submitting a form using JQuery.
Below is the JSP code snippet:
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<fieldset id="profile_proffiesional">
<form:form action="profile/awards" modelAttribute="AWARDS">
<p>
<label for="position">Position</label>
<form:input path="position" tabindex="4" />
</p>
<p>
<label for="location">Location</label>
<form:input path="location" tabindex="5" />
</p>
<p>
<label for="description">Description</label>
<form:input path="description" tabindex="5" />
</p>
<p>
<input type="submit" value="Add">
</p>
</form:form>
</fieldset>
<script>
$('#AWARDS').ajaxForm({
target : '#body',
success : function(responseText, statusText, xhr, $form) {
alert(responseText);
},
beforeSubmit : function() {
$.blockUI({
message : '<h1> Just a moment...</h1>'
});
}
});
</script>
Upon clicking the Submit button, the form disappears and the response appears within an alert. After closing the alert window by clicking OK, the same success message reappears on the screen instead of remaining hidden.
The issue here is that the form becomes completely invisible, only reappearing when refreshed, removing the success message displayed. Ideally, I want the success message to only appear in the alert and not on the screen itself. Any suggestions on how to achieve this would be greatly appreciated.