Question

98

how to automatically populate the age field after entering dob filed in jsp.?

rated 0 times [ 105] [ 7] / answers: 1 / hits: 15300 / 11 Years ago, tue, may 14, 2013, 12:00:00

My jsp code is as follows:(A simple registartion from with fields)

 <label>DOB</label></td><td><input type=text name=dob /> </td></tr>

 <tr><td>

 <label>AGE</label></td><td><input type=text name=age onclick = ageCount()/> </td></tr>

 <tr><td>

 <label>GENDER</label></td><td><input type=radio name=gender value=Male/>Male<input    

  type=radio name=gender value=Female>Female</td></tr>

 <tr><td>

I used a function in JS to calculate the age from dob! Dob is in sql Date format.

<script type=text/javascript>

function ageCount(){

var date1 = new date();

var dob = document.getElementById(dob).value;

var date2 = new date(dob);

var pattern = /^d{1,2}/d{1,2}/d{4}$/; 

if(pattern.test(dob)){

    var y1 = date1.getFullYear();

    var y2 = date2.getFullYear();

    var age = y1-y2;

    document.write(Age : +age);

    return true;

}else{

    alert(invalid date fromat.!! Please enter in (DD/MM/YYYY) format);

    return false;

}

     }





     </script>

how do i use this so that when i enter the dob and press tab the age should be displayed in its field.
Drop in your ideas and suggestions.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

janiajohnnad

Add To Favorites

Follow

Total Points: 146

Total Questions: 92

Total Answers: 107

Location: Faroe Islands

Member since Thu, Apr 8, 2021

3 Years ago

janiajohnnad questions

1 How to list all guild members in discord.js v12

Tue, Mar 30, 21, 00:00, 3 Years ago

1 Why does useQuery call cause a re-render in my component?

Sun, Feb 7, 21, 00:00, 3 Years ago

1 HTML open fresh new window again on image onclick

Fri, Nov 6, 20, 00:00, 4 Years ago

1 NestJS controller not mapped

Thu, Jun 18, 20, 00:00, 4 Years ago

1 Using Node.js to generate dynamic word document using Database value

Sat, Jun 13, 20, 00:00, 4 Years ago

View All

answered 11 Years ago mikael · Accepted Answer

Hey guys thanks for ur time working on my issue!!

I have solved it myself with a few changes here and there.

The modified code :( might help others if need be)

<script type=text/javascript>

function ageCount() {

    var date1 = new Date();

    var dob = document.getElementById(dob).value;

    var date2 = new Date(dob);

    var pattern = /^d{1,2}/d{1,2}/d{4}$/;

    //Regex to validate date format (dd/mm/yyyy)       

    if (pattern.test(dob)) {

        var y1 = date1.getFullYear();

        //getting current year            

        var y2 = date2.getFullYear();

        //getting dob year            

        var age = y1 - y2;

        //calculating age                       

        document.getElementById(ageId).value = age;

        doucment.getElementById(ageId).focus ();

        return true;

    } else {

        alert(Invalid date format. Please Input in (dd/mm/yyyy) format!);

        return false;

    }



}

<tr>

                    <td><label>DOB</label></td>

                    <td><input type=text name=dob id=dob

                        onblur=ageCount() /></td>

                </tr>

                <tr>

                    <td><label>AGE</label></td>

                    <td><input type=text name=age id=ageId /></td>

                </tr>