gpt4 book ai didi

javascript - 如何自动更新表单域

转载 作者:行者123 更新时间:2023-11-27 22:48:04 26 4
gpt4 key购买 nike

我正在开发一个任务管理系统,因为我在注册表单中有年龄字段,但我对单击时如何自动更新该字段有疑问。我的脚本是

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

enter image description here

在注册表中输入我的出生日期并单击年龄字段后,我希望将计算出的年龄存储在 age1 变量中,以自动更新我在年龄字段中的值登记表

最佳答案

向 dob 字段添加 onchange 函数

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

将此代码添加到您的 <script>

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

关于javascript - 如何自动更新表单域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38263163/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com