2013-07-10 98 views
-9

我迷路了,我刚刚开始编程,我的代码并不完全显示我正在尝试做什么,并且未完成。但是,我的问题是我想弄清楚如何获取用户输入的HTML表单数据,并且当按下按钮时,它将数据提交给网站Javascript中的字符串变量。面临的挑战是我不能使用任何服务器端脚本,只能使用HTML,CSS,Javascript,而且我必须使用JQuery。我已经无处不在如何做几个星期了。我无法找到对我所尝试的有用的东西。将HTML表单数据提交给javascript

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="main.css"> 
<script> 
<!-- 
function storageCheck01(){ 
    if(typeof(Storage)!=="undefined"){ 
     activeSession(); 
    } 
    else{ 
     var b0002=document.getElementById("wrapper"); 
     b0002.style.display="none"; 
     document.write("No Support!"); 
    }; 
} 
function activeSession(){ 
    if(typeof localStorage.visitCount !== "undefined"){ 
     ++localStorage.visitCount; 
     if(typeof sessionStorage.c02 !== "undefined"){ 
      userData(); 
     }else{ 
      setCookie(); 
     }; 
    }else{ 
     localStorage.visitCount = 1; 
     setCookie(); 
    }; 
} 
function setCookie(){ 
    sessionStorage.c01=date(); 
    sessionStorage.c02=screen.availWidth; 
    sessionStorage.c03=screen.availHeight; 
    userData(sessionStorage.c01, sessionStorage.c02, sessionStorage.c03); 
} 
function userData(date, width, hight,){ 

} 
addEventListener('load',storageCheck01,false); 
--> 
</script> 
</head> 
<body> 
<form> 
<!-- ADD FORM DATA TO RETRIEVE USERDATA --> 
</form> 
</body> 
</html> 
+0

请告诉我你的后台? PHP? Java的? – mohkhan

+0

您应该在问题和代码中包含更多信息。例如你想设置哪个JavaScript变量? –

+0

有很多这类的东西的教程。 – SomeShinyObject

回答

0

好吧,这听起来像你只是试图采取一种形式,并捕捉用户的输入,当他们点击提交。无需发布到其他文件。

所以,它只是有一个按钮放一个onclick事件,然后调用JavaScript中的函数。这个javascript会使用document.getElementById(nameofObject).value。

例子:

<html> 
<head> 
<title>New Page 1</title> 
<script language="JavaScript" type = "text/javascript"> 
<!-- 
function Test() 
{ 
alert(document.getElementById("testinput").value); 
} 
//..> 
--> 
</script> 
</head> 
<body> 
<form name="textfield"> 
<input type="text" name="T1" size="20" id="testinput"> 
<input type="button" value="Click Here" name="B1" onClick="Test()"></p> 
</form> 
</body> 
</html> 

来源:http://www.java2s.com/Tutorial/JavaScript/0460__DOM-Node/Getelementfromadocumentbyid.htm

0

如果您只是想将数据提交给服务器,则根本不需要使用任何JavaScript。当在表单中放入一个“输入”元素时,例如,创建文本框的“input type ='text'”元素时,文本框的值会自动作为表单变量提交给服务器,并使用键作为元素的名称,使用时按下提交按钮。然后,您可以使用您在服务器端使用的任何代码/平台来获取变量值。