Question

我想尝试用户在文本框中输入的内容，然后编写   输入到页面上的段落，并停止页面刷新，以便他们可以复制该输入以供在其他地方使用。（这将是一个相当长的形式，但这是我遇到的绊脚石    - 为了清晰起见 -

除了输入输入和按下之外，所有似乎都运行良好   提交，输入显示罚款几秒钟，然后   页面刷新。有什么方法可以解决/阻止它吗？

我尝试在显示屏上添加一个while循环，以便代码在显示时停止，但到目前为止还没有成功。

任何指示都将不胜感激，谢谢。

我的代码

<html>
<head>
<script type="text/javascript">
    function checkForm() {
        var input = document.myForm.username.value;
            document.write.getElementById("display").innerHTML=("Your username is" + " " + input);
            }


    </script>
</head>

<body>

<form name="myForm">
    <input type="text" name="username" value="Enter username" /><br/>
    <input type ="submit" value="Submit" 
    onClick="checkForm()" />

</form> 

<span id="display"><p> </p> </span>

</body>
</html>

Answer 1

配合，在提交按钮上，默认提交导致页面刷新的表单，你需要在checkForm（）结束时返回false;或者在最后调用e.preventdefault（）;

HTML / Javascript显示用户输入（刷新问题）

1 个答案: