Javascript document.getElementById（"；#"；）.innerHTML="；“你好”+；用户+&“&“；；不起作用

我有一个javascript函数，如下所示：

function userNameEntered() {
var user = document.forms["user"] ["name"].value;
document.getElementById("Name").innerHTML = "Hello " + text + "!";
}

它访问此

：

姓名：

---

当我尝试它时，我看到文本执行不到一秒钟，然后消失。有什么想法吗？我想这可能是因为

user

不在全局范围内，所以我尝试在函数之前声明它，但它甚至没有显示出来。我有点困惑，因为我看不到任何可能的问题

通过从onsubmit处理程序（

onsubmit=“return usernameintered（）”

）返回

false

来防止默认表单操作（在重新加载页面时提交）。您还需要从

usernameintered

函数中

返回false

然后，记住删除多余的

onclick

处理程序（避免使用onclick提交表单），并在某处添加id=“Name”的元素

函数usernameintered（）{
var user=document.forms[“user”][“name”].value；
document.getElementById（“Name”）.innerHTML=“你好”+用户+”；
返回false；
}

姓名：

通过从onsubmit处理程序（

onsubmit=“return usernameintered（）”

）返回

false来防止默认表单操作（随页面重新加载一起提交）。您还需要从
usernameintered
函数中
返回false

然后，记住删除多余的
onclick
处理程序（避免使用onclick提交表单），并在某处添加id=“Name”的元素


函数usernameintered（）{
var user=document.forms[“user”][“name”].value；
document.getElementById（“Name”）.innerHTML=“你好”+用户+”；
返回false；
}

姓名：

您需要停止表单的提交，因为页面正在被重新加载。这就是为什么你短暂地看到它，然后它“消失”了

要停止此操作，您需要停止正在提交的表单：

function userNameEntered()  {
    var text = document.forms["user"]["name"].value;
    document.getElementById("name").innerHTML = "Hello " + text + "!"; 
    return false;
}

您还存在一些错误：表单元素是
name
，但是您引用了
name
，您分配了
var user
，但是使用了
text
，您需要停止表单的提交，因为页面正在重新加载，并且是帖子。这就是为什么你短暂地看到它，然后它“消失”了

要停止此操作，您需要停止正在提交的表单：

function userNameEntered()  {
    var text = document.forms["user"]["name"].value;
    document.getElementById("name").innerHTML = "Hello " + text + "!"; 
    return false;
}

您还存在一些错误：表单元素是
name
，但您引用了
name
，您分配了
var user
，但使用了
text
，它正在消失，因为表单提交后页面正在重新加载

要停止此操作，请尝试：

function userNameEntered() {
  var user = document.forms["user"] ["name"].value;
  document.getElementById("Name").innerHTML = "Hello " + text + "!";
  return false;
}

以及：


姓名：

它正在消失，因为表单提交后页面正在重新加载

要停止此操作，请尝试：

function userNameEntered() {
  var user = document.forms["user"] ["name"].value;
  document.getElementById("Name").innerHTML = "Hello " + text + "!";
  return false;
}

以及：


姓名：

单击“提交”按钮，阻止默认表单操作不会发生。因此，值可能会消失

<form method="get" name="user" onsubmit="userNameEntered();return false;">
<p>Name:</p>
<input type="text" name="name" autocomplete="off" id="username">
<input type="submit" onclick="userNameEntered()" value="Submit" id="usersubmit">
</form>


        <script>
            function userNameEntered() {
                debugger;
                var user = document.forms["user"]["name"].value;
                document.getElementById("username").innerHTML = "Hello " + user + "!";
            }
        </script>
or

  $('#usersubmit').click(function (e) {
    e.preventDefault();
    var user = document.forms["user"]["name"].value;
    document.getElementById("username").innerHTML = "Hello " + user + "!";
    });


姓名：

函数usernameintered（）{
调试器；
var user=document.forms[“user”][“name”].value；
document.getElementById（“用户名”）.innerHTML=“你好”+用户+”；
}
或
$（'#usersubmit'）。单击（函数（e）{
e、 预防默认值（）；
var user=document.forms[“user”][“name”].value；
document.getElementById（“用户名”）.innerHTML=“你好”+用户+”；
});
单击“提交”按钮，阻止默认表单操作不会发生。因此，值可能会消失

<form method="get" name="user" onsubmit="userNameEntered();return false;">
<p>Name:</p>
<input type="text" name="name" autocomplete="off" id="username">
<input type="submit" onclick="userNameEntered()" value="Submit" id="usersubmit">
</form>


        <script>
            function userNameEntered() {
                debugger;
                var user = document.forms["user"]["name"].value;
                document.getElementById("username").innerHTML = "Hello " + user + "!";
            }
        </script>
or

  $('#usersubmit').click(function (e) {
    e.preventDefault();
    var user = document.forms["user"]["name"].value;
    document.getElementById("username").innerHTML = "Hello " + user + "!";
    });


姓名：

函数usernameintered（）{
调试器；
var user=document.forms[“user”][“name”].value；
document.getElementById（“用户名”）.innerHTML=“你好”+用户+”；
}
或
$（'#usersubmit'）。单击（函数（e）{
e、 预防默认值（）；
var user=document.forms[“user”][“name”].value；
document.getElementById（“用户名”）.innerHTML=“你好”+用户+”；
});
在函数中使用return false

    function userNameEntered() {
    var user = document.forms["user"] ["name"].value;
    document.getElementById("enter code hereName").innerHTML = "Hello " + text + "!";
    return false;
     }

在函数中使用return false

    function userNameEntered() {
    var user = document.forms["user"] ["name"].value;
    document.getElementById("enter code hereName").innerHTML = "Hello " + text + "!";
    return false;
     }

使用
返回false从提交事件句柄中，还可以将
action=“javascript:void（0）；”
添加到表单标记中。@Andy这是一个答案，不是注释。答案太短-注释很好。我第一次被告知没有写答案：）使用
return false
从提交事件句柄中添加
action=“javascript:void（0）；”
到您的表单标签。@Andy这是一个答案，不是注释。回答太短-注释就可以了。我第一次因为没有写答案而被责骂：）表单仍将在Chrome中提交，而没有
action=“javascript:void（0）”
@aarongion再次感谢您。。。或者您可以从函数中返回false。表单仍将在Chrome中提交，而不包含
action=“javascript:void（0）”
@AaronGillion再次感谢。。。或者您可以从函数中
返回false
。