Form validation in jsp page using JavaScript [duplicate]

Question

i am using jsp for registration form. I use servlet for verification of existing username. how can i write client side validation code in javasript. My registration form is

<form action="Registration" method="post" name="registration" >
<table>
   <tr>
    <td>Name</td>
    <td>:<input type="text" name="name" value="" placeholder="Name"    
class="input_Name"></td>
</tr>
<tr>
    <td>Place</td>
    <td>:<input type="text" name="place" value="" placeholder="Place"    
class="input_Place"></td>
</tr>
<tr>
    <td>Gender</td>
    <td>:<input type="radio" value="male" name="gender">Male
    <input type="radio" value="female" name="gender">Female</td>
</tr>
<tr>
    <td>UserName</td>
    <td>:<input type="text" name="username" value="" placeholder="UserName" 
  class="input_UserName"></td>
</tr>
<tr>
    <td>Password</td>
    <td>:<input type="password" name="password" value="" placeholder="Password" 
 class="input_Password"></td>
</tr>
<tr>
    <td>Confirm sword</td>
    <td>:<input type="password" name="password" value="" placeholder="re-
 Password" class="input_re-Password"></td>
</tr>

<tr>
    <td></td>
    <td><input type="submit" value="submit" ></td>
</tr>
 </table>
 </form>

thank you..

nano_nano · Accepted Answer · 2014-06-13 11:33:45Z

0

one way to deal with that is this code:

<td>
    <input type="submit" value="submit" onclick='validate()'>
</td>

<script type="text/javascript">
    function validate() {
        var val = registration.password.value;
        if (val == null || val.trim() == "") {
            alert('Please enter password.');
            registration.password.focus();
            return false; // cancel submission
        } else {
            document.registration.submit(); // allow submit
        }
    }
</script>

if the password field has a value the submit will be executed, otherwise it will be canceled and the focus is set to the password field.

edited Jun 13, 2014 at 11:33

answered Jun 13, 2014 at 11:17

nano_nano

12.6k8 gold badges58 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Haris K.A. Over a year ago

But My form have action property. when am click submitt button it goes to the servlet for verifying if the username is existing or not. before goes to the server i want check the required field validation, confirm validation...

nano_nano Over a year ago

thats the reason for the onClick='validate()' method for your submit button. that will be executed before the request is started to the server.

Collectives™ on Stack Overflow

Form validation in jsp page using JavaScript [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related