当页面对数据显示至关重要时,页面会不断刷新

时间:2020-04-16 14:17:57

标签: 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>

1 个答案:

答案 0 :(得分:1)

您的函数缺少括号

function przeslij() { ... }

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

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