javascript - 当数据在页面上显示至关重要时,页面会不断刷新

标签 javascript html forms

所以我完成了这件事,但它似乎显示了我需要的内容(例如,您需要接受规定),但之后页面立即刷新,但我需要数据保留在页面上。怎么处理呢? 太多的代码限制真的很烦人,所以我必须在这里写这样的东西来避免它 - 删除不必要的东西会花费太多时间,所以我希望我不会被禁止或……哈哈。

<html>
    <head>
        <meta charset="utf-8">
        <title> Usługi informatyczne </title>
        <link rel="stylesheet" type="text/css" href="styl.css">
        <body>

    <div id="kontener"> 
            <div id="logo">
                <img src="logo.png" alt="logo">
            </div>

            <div id="menu">
                <a href="index.html">O nas</a>
                <a href="uslugi.html">Usługi</a>
                <a href="kontakt.html">Kontakt</a>
            </div>

          <div id="baner">
            <img src="animacjak.gif" alt="">
        </div>

            <div id="blok_glowny">
                <hr />
                    <h2>Kontakt</h2>

                <form id="formularz"  action="">
                    <table>
<tr>
    <td>Imię:</td>  <td><input type="text" id="imie"><br></td>
</tr>
<tr>
    <td>Nazwisko:</td>  <td><input type="text" id="nazwisko"></td>
</tr>
<tr>
    <td>E-mail:</td>    <td><input type="text" id="email"></td>
</tr>
<tr>
    <td>Usługa</td> <td><textarea name="usluga" id="usluga"></textarea></td>
</tr>
<tr>
    <td></td>   <td><input type="checkbox" id="regulamin" value="regulamin">Zapoznałam/em się z regulaminem</td>
</tr>
<tr>
    <td></td>   <td><input type="reset" value="Resetuj"><input type="button" onclick="przeslij()" value="Prześlij"></td>
</tr>
</table>
                </form>
                <div id="pokaz">  </div>
        <script type="text/javascript">


            function przeslij(){
                var imie=document.getElementById("imie").value;
                var nazwisko=document.getElementById("nazwisko").value;
                var usluga=document.getElementById("usluga").value;
                var regulamin=document.getElementById("regulamin").checked;
                document.getElementById("formularz").submit();
if(regulamin==true){
document.getElementById("pokaz").innerHTML=imie.toUpperCase()+" "+nazwisko.toUpperCase()+"<br />"+
"Treść twojej sprawy:"+usluga+"<br />"+"Na  podany adres e-mail zostanie wysłana oferta";
}
else{
document.getElementById("pokaz").innerHTML="Musisz zapoznać się z regulaminem";
document.getElementById("pokaz").style.color="red";
                        }
            }

</script>

                <hr />
            </div>

            <div id="stopka">
                <p>Autor strony: 00301011337</p>
            </div>
    </div>       

        </body>
    </head>
</html>

最佳答案

你的函数缺少括号

function przeslij() { ... }

要使重置按钮起作用,只需将其类型更改为“重置”

<input type="reset" value="Resetuj">

关于javascript - 当数据在页面上显示至关重要时,页面会不断刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61252510/

相关文章:

javascript - javascript 函数 srcElement.nodeName 在 iOS5 中给出了错误的输出

javascript - 如何在连接 JavaScript 句子时添加空格

html - 如何为表格创建连续的边框线?

jquery - 使用jquery将带有动态ID的复选框值复制到隐藏的输入值

php - 无法使用 PHP/HTML 中的表单更改 DB 上的数据

ios4 中 webview 的 javascript (iscroll4) 滚动解决方案覆盖/禁用 native 手势识别

javascript - 获取变量中回调的结果

图像下的 HTML、CSS 中心 H1 和 P

javascript - 在 javascript 中, "new Audio( )"的视频等效项是什么

javascript - 后台提交表单,后台使用信息