在Javascript中使用表单提交时如何防止结果和输入数据消失

用户名

在提交表单后显示输出一秒钟后,我一直试图防止p标记中的结果和日期的输入消失,因为稍后辅助程序无法从p标记中读取数据。

请帮忙!!

function Adate(){
    var edate= document.getElementById("dob").value;
    var res = document.getElementById("result");
    var tday = new Date();
    var bdate = new Date(edate);
    var agedate= tday.getFullYear() - bdate.getFullYear();
    if(agedate>=0)
    {
        res.textContent ="You are "+agedate ;
    }
    else
    {
        res.textContent ="You are from the future!!";}
}
<body>
    <form onsubmit="return Adate()">
        Enter your DOB: 
        <input type="date" id = "dob" >
        <input type="submit" value ="submit">
    </form>
    <p id="result"> 
    </p>
</body>

阿尼斯·R。

只需将其添加return false;到函数的末尾,就可以达到目的Adate()

function Adate(){
    var edate= document.getElementById("dob").value;
    var res = document.getElementById("result");
    var tday = new Date();
    var bdate = new Date(edate);
    var agedate= tday.getFullYear() - bdate.getFullYear();
    if(agedate>=0)
    {
        res.textContent ="You are "+agedate ;
    }
    else
    {
        res.textContent ="You are from the future!!";}
    return false;
}
<body>
    <form onsubmit="return Adate()">
        Enter your DOB: 
        <input type="date" id = "dob" >
        <input type="submit" value ="submit">
    </form>
    <p id="result"> 
    </p>
</body>

在这里,return false;基本上意味着页面不会尝试将表单提交到某个后端,因此不会刷新页面。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在addeventlistener中使用onclick来防止表单数据被提交?

在提交表单时从HTML表单和Javascript数组获取数据

尝试使用javascript激活一次时,如何防止递归激活表单提交按钮?

如何在相同的提交类型输入字段(按钮)中使用onclick(js函数)方法提交表单和处理事件

如何在提交脚本中使用表单输入值?

从React中的API过滤数组数据时,如何在表单提交中使用startsWith?

提交表单时如何防止Parsley验证

单击按钮时如何防止表单提交?

如何防止刷新时重新提交表单?

如何使用动态输入字段防止表单提交(Angular 中的反应式表单)

结合使用验证Javascript和禁用提交按钮Javascript来防止提交多个表单

如何在纯JavaScript中使用JSON数据过滤表单输入数据?

提交表单时如何使用htmlspecialchars_decode和stripslashes函数清除数据?

防止表单提交的Javascript

使用onkeyup javascript时如何再次停止和启动Ajax提交表单?

提交表单时键盘消失

防止输入为空时提交(不在表单中)

React Native如何防止键盘在文本提交时消失?

如何防止表单使用 AJAX 验证提交

如何防止使用Foundation 6.6和Abide的提交按钮提交表单

如何在自动提交表单中使用javascript命名

使用JS提交时防止多表单提交

HTML / JavaScript:提交表单(使用queryselector)时如何使用警报?

如何在使用 jQuery 的 HTML 表单中使用两个按钮时将数据提交到烧瓶

当记录源为空时如何防止子表单消失

当我在表单的所有输入标签中输入数据时,如何启用提交按钮

如何在 React 中提交时让表单消失

如何使用javascript提交表单?

如何使用JavaScript提交表单?