Javascript 如何在用户填写“用户名”后打印用户名；用户名"；提出？为什么它消失了？

我试图制作一个JavaScript程序，该程序将完成以下工作：

• 当用户填写表单/提供用户名时，应打印用户名

我面临的问题是：

单击“提交”按钮后，结果消失。（注意：用户名约0.1秒可见）

我想要什么

我怎样才能阻止它消失

我可以在用户单击提交之前打印用户名吗

---

将提交处理程序添加到表单中

<form action="" name="jsform" onsubmit="return validateForm()">

如果onsubmit返回false，则表单不会提交

它会消失，因为表单被提交到相同的url，从而刷新页面。您可以防止将函数绑定到submit事件，并从内部调用

return false

或

event.preventDefault（）

通过将函数绑定到

onchange

事件，可以在提交之前显示数据

---

将函数附加到表单的onSubmit事件并进行打印。提及

不要忘记将event.preventDefault（）添加到函数顶部。 提及

function validateForm() {
    var userName = document.getElementById('uname').value;
    document.getElementById('printUserName').innerHTML= userName + "is available" ;
    console.log(userName);

    return false;
 }

<form action="" name="jsform" onsubmit="return validateForm()">