如何在jsp中輸入dob後自動填充年齡字段？

Question

我的JSP代碼如下：（從場簡單的registartion）

<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> 

我以前在JS的函數從DOB計算時代！ Dob是以sql日期格式。

<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> 

我該如何使用這個功能，以便當我輸入dob並按下標籤時，年齡應顯示在其字段中。 放下你的想法和建議。

Answer 1

嘿傢伙感謝你的時間在我的問題上工作！

我已經解決了它自己在這裏和那裏的一些變化。

修改後的代碼:(可能會幫助別人如果需要的話）

<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> 

Answer 2

<input type="text" name="dob" onBlur="getAge(this.value)"/> 
<input type="text" name="age" id="ageId"/> 

function getAge(birthDate){ 

    var birthDate= new Date(birthDate); 
    var currentDate= new Date(); 

    var years = (otherDate.getFullYear() - birthDate.getFullYear()); 

    if (currentDate.getMonth() < birthDate.getMonth() || 
     currentDate.getMonth() == birthDate.getMonth() && currentDate.getDate() < birthDate.getDate()) { 
     years--; 
    } 
$('#ageId').val(years); 

} 如果當月比出生月份或等於和的currentdate少即是每種不超過出生日期我正在遞減年價值

Answer 3

可以使用unBlur()功能，當你控制離開從文本框的焦點你的JavaScript方法應該被調用。

像這樣： -

<input type="text" name="age" onblur="ageCount()"/> 

現在你的JavaScript裏面你可以計算年齡和顯示器。

<script type="text/javascript"> 
    // Your ageCount() for calculate AGE and display AGE 
</script>