Talib
Talib

Reputation: 1164

validating a form in jsp before submission

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

Answers (2)

Shubham Pendharkar
Shubham Pendharkar

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

Amy
Amy

Reputation: 4032

Try This:

if(action.length!=0)
{
...
}

Upvotes: 0

Related Questions