Reputation: 1164
I have a form in jsp, My input fields are also "required" but when I submit the form it does not block the submission if the required fields are empty. I don't understand it,please help thanks in advance.Here is my jsp form :
<form id="addterminal" name="catForm" action="actions/Terminal.jsp" method="post" enctype="multipart/form-data">
<fieldset>
<label>Add Terminal</label>
<% String action = request.getParameter("action");
if(action == null)
{
}
else if(action.equals("add_success"))
{
%>
<div class="alert success">Terminal added Successfully...</div>
<%
}
else if(action.equals("add_failure"))
{
%>
<div class="alert failure">Terminals not added,File Format is incorrect...</div>
<%
}
%>
<section>
<label for="input">Terminal ID</label>
<div>
<input type="text" id="input" name="tid" required>
</div>
</section>
<section>
<label for="input">Merchant Name</label>
<div>
<input type="text" id="input" name="merchName" required>
</div>
</section>
<section>
<label for="file_upload">Upload Bulk Terminals File<br>
<span>Format of the File should be .csv</span></label>
<div>
<input type="file" id="file_upload" name="termbulkfile">
</div>
</section>
<section>
<div>
<!-- <button onclick="javascript:document.catForm.reset()">Reset</button>
--> <button onclick="javascript:document.catForm.submit()">Submit</button>
</div>
</section>
</fieldset>
</form>
Upvotes: 0
Views: 9929
Reputation: 330
You can use a java script for this
<script>
function validation() {
var x = document.forms["myform"]["username"].value;
if (x == null || x == "") {
alert("username cannot be empty..!!");
return false;
}
</script>
Create a form like this:
<form name="myform" action="**wherever you want to redirect**" onsubmit="return validation()">
<input type="text" name="username">
<input type="submit">
</form>
Upvotes: 1