フォームフィールドを自動的に更新する方法

Question

私は登録フォームに年齢フィールドを持っているという点でタスク管理システムを開発しています。私がクリックすると自動的にフィールドを更新する方法について疑問があります。 私のスクリプトは

<script> 
    var a = document.age1.dob.value; 
    age = a.getFullYear(); 
    var curr = new Date(); 
    year = curr.getFullYear(); 
    var age1 = year - age; 
</script> 

私は年齢を計算し、age1変数に格納されています。

<form id="form2" action="#" method="post" name="age1"> 
<h4><b>Register here</b></h4> 
<b>Name</b>: <input type="text" name="name" required="required" placeholder="Your name" pattern="[a-zA-Z0-9\s]+"><br><br> 
<b>E-mail</b>: <input type="email" name="email" required="required" placeholder="someone@example.com" pattern="[a-z0-9._+%-]+@[a-z0-9.-]+\.[a-z]{2,4}$"><br><br> 
<b>Password</b>: <input type="password" name="password" required="required"><br><br> 
<b>DOB</b>: <input type="text" name="dob" required placeholder="dd/mm/yyyy" pattern="^[0-3]?[0-9].[0-3]?[0-9].(?:[0-9]{2})?[0-9]{2}$"><br><br> 
<b>Age</b>: <input type="text" name="age" id="age2"><br><br> 
<b>Address</b>: <textarea name="address" rows="6" cols="30"></textarea> 
<button id="butr" type="submit" class="btn btn-warning">Signup</button> 

I入力、登録フォームでの私のDOBの後、私は自動的に私はそれを持っている年齢のフィールドの値を更新するために、私はage1変数に保存された計算の年齢をしたい年齢のフィールドをクリックしてください私の登録フォーム

Answer 1

であなたの0でこのコードを追加し、フィールド

<input type="text" onchange="ageCalculation()" name="dob"> 

をDOBするのonchange機能を追加それが有効な日付であるが、そうでない場合は、これは私が書き始めたが、私は十分に速くなかった正確に何であるように

function ageCalculation(){ 
if(document.age1.dob.value!==""){ 
    var a = document.age1.dob.value; 
    a=new Date(a); 
    age = a.getFullYear(); 
    var curr = new Date(); 
    year = curr.getFullYear(); 
    var age1 = year - age; 
    document.age1.age.value=age1; 
} 
}