将HTML表单数据提交到javascript_Javascript_Html_Forms

将HTML表单数据提交到javascript

javascript html forms

将HTML表单数据提交到javascript,javascript,html,forms,Javascript,Html,Forms,我迷路了，我刚刚开始编程，我的代码没有完全显示我正在尝试做什么，而且还没有完成。然而，我的问题是，我试图弄清楚如何获取用户输入的HTML表单数据，当按下按钮时，它会将数据提交给站点Javascript中的字符串变量。挑战在于我不能使用任何服务器端脚本，只能使用HTML、CSS、Javascript，我必须使用JQuery。几个星期以来，我到处都在寻找如何做到这一点。我找不到任何有助于我尝试的东西 <!DOCTYPE html> <html> <head> &l

我迷路了，我刚刚开始编程，我的代码没有完全显示我正在尝试做什么，而且还没有完成。然而，我的问题是，我试图弄清楚如何获取用户输入的HTML表单数据，当按下按钮时，它会将数据提交给站点Javascript中的字符串变量。挑战在于我不能使用任何服务器端脚本，只能使用HTML、CSS、Javascript，我必须使用JQuery。几个星期以来，我到处都在寻找如何做到这一点。我找不到任何有助于我尝试的东西

<!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>

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

好吧，听起来您只是想在用户单击“提交”时获取表单和用户输入。无需发布到其他文件

因此，它只是简单地让一个按钮放置一个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>


新的第1页

来源：

您的后端是什么？PHP？Java？您应该在问题和代码中包含更多信息。e、你想设置哪个javascript变量？有很多关于这方面的教程。