将HTML表单数据提交到javascript
Submitting HTML form data to javascript
我迷路了,我刚开始编程,我的代码没有完全显示我要做什么,而且还没有完成。然而,我的问题是,我正试图弄清楚如何获取用户输入的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>
好吧,听起来你只是在尝试采用一个表单,并在用户单击提交时捕获他们的输入。无需发布到其他文件。
因此,它只是让一个按钮放置一个onclick事件,然后调用javascript中的一个函数。此javascript将使用document.getElementById(对象名称).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
如果您只想将数据提交到服务器,则根本不需要使用任何JavaScript。当你在表单中放入一个"input"元素时,例如,一个创建文本框的"input-type='text'"元素,当使用时按下提交按钮,文本框的值会自动作为表单变量提交到服务器,键是元素的名称。然后,您可以使用服务器端使用的任何代码/平台来获取变量值。
相关文章:
- MVC在通过javascript提交时会丢失值
- 将带有多维数组的表单从Javascript提交到PHP
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 禁用Javascript时使用Javascript提交表单
- 使用javascript提交表单并从字段/单选框/复选框/文本区域获取数据
- 使用 JavaScript 提交表单
- 为什么我在使用 javascript 提交表单时没有通过不加载页面获取帖子数据
- 使用 javascript 提交具有不同值的表单
- 使用 javascript 提交现有表单将返回未定义
- 使用javascript提交表单
- 我可以't使用JavaScript提交表单
- 通过JavaScript提交更新的ng模型
- 当我们使用Javascript提交表单时,IsPostBack始终为True
- 不使用页面中存在的javascript提交特定表单
- 如何使用javascript提交表单
- 停止从javascript提交表单
- 如果表单仅通过JavaScript提交,则需要进行PHP验证
- 通过电子邮件发送表单通过javascript提交字段发送表单
- python使用javascript提交通过POST发送数据
- 使用Javascript提交表单不起作用