将javascript变量从用户输入写入文档
这似乎应该是相对简单的,我不知道我做错了什么。我需要通过文本框从用户处获取输入(用户名),将其设置为变量,并将其显示在页面上。我总是得到“未定义”而不是用户名 这是一个浓缩版。这将显示一个Div,该Div覆盖整个页面,其中包含供用户键入姓名的输入。当用户点击submit时,div消失,名称设置为变量。我留下了表单处理函数,以防它们与问题相关将javascript变量从用户输入写入文档,javascript,variables,input,Javascript,Variables,Input,这似乎应该是相对简单的,我不知道我做错了什么。我需要通过文本框从用户处获取输入(用户名),将其设置为变量,并将其显示在页面上。我总是得到“未定义”而不是用户名 这是一个浓缩版。这将显示一个Div,该Div覆盖整个页面,其中包含供用户键入姓名的输入。当用户点击submit时,div消失,名称设置为变量。我留下了表单处理函数,以防它们与问题相关 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>HOME</TITLE>
</HEAD>
<BODY>
<CENTER>
<BR />
<FONT COLOR="RED" FACE="ARIAL BOLD" SIZE="5">test</FONT>
<BR />
<script language="javascript">
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var name = uservariable;
function setName(){
uservariable = document.forms["username"]["user"].value;
var ele = document.getElementById("nameInput");
if(ele.style.display == "none") {
ele.style.display = "block";
}
else {
ele.style.display = "none";
}
document.getElementById('element_7').value = uservariable;
}
function validateForm()
{
var x=document.forms["username"]["user"].value;
if (x==null || x=="")
{
alert("Rembrandt's first name was Beauregard, what is yours?");
}
else
{
setName()
}
}
</script>
<DIV id="nameInput" STYLE="background-color:#ccc;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:1000;display:block;">
<br /><br /><FONT FACE="ARIAL BOLD" SIZE="3">First Name:</font><br />
<form name="username" action="javascript:validateForm()">
<input type="text" name="user" value="" size="20"><br>
<input type="submit" value="Start Shift">
</form>
</div>
<script language="javascript">
document.write(name + "s LEADS SUBMITTED FOR " + month + "/" + day + "/" + year + ":</B>");
</script>
</center></td></tr></table>
</div>
</CENTER>
</BODY>
</HTML>
家
测试
var currentTime=新日期();
var month=currentTime.getMonth()+1;
var day=currentTime.getDate();
var year=currentTime.getFullYear();
var name=uservariable;
函数setName(){
uservariable=document.forms[“username”][“user”].value;
var ele=document.getElementById(“nameInput”);
如果(ele.style.display==“无”){
ele.style.display=“块”;
}
否则{
ele.style.display=“无”;
}
document.getElementById('element_7')。value=uservariable;
}
函数validateForm()
{
var x=document.forms[“username”][“user”].value;
如果(x==null | | x==“”)
{
警惕(“伦勃朗的名字是博雷德,你的名字是什么?”);
}
其他的
{
setName()
}
}
名字:
文件。填写(姓名+提交的“+月+”/“+日+”/“+年+”:”)的潜在客户;
函数doStuff()
{
var namelement=document.getElementById(“someInput”);
var theName=namelement.value;
document.getElementById(“someDiv”).innerHTML+=theName;
}
你好
document.write调用发生在页面首次加载时<代码>名称仅分配给当时未定义的用户变量
。您真的应该使用适当的调试器逐步完成代码。@MattBall使用普通ASCII名称查看您。谢谢您感谢matt指出问题并感谢jahroy提供解决方案!这么快!非常感谢。是 啊告别document.write,hello document.getElementById
<head>
<script>
function doStuff()
{
var nameElement = document.getElementById("someInput");
var theName = nameElement.value;
document.getElementById("someDiv").innerHTML += theName;
}
</script>
</head>
<html>
<div id="someDiv">
Hello
</div>
<br><br>
<input id="someInput" type="text">
<input type="button" value="Say Hello" onClick="doStuff()">
<br>
</html>