2013-07-10 141 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'」元素時,文本框的值會自動作爲表單變量提交給服務器,並使用鍵作爲元素的名稱,使用時按下提交按鈕。然後,您可以使用您在服務器端使用的任何代碼/平臺來獲取變量值。