Aus*_*tin 0 html javascript php forms jquery
所以我是JS的新手,我试图在JS表单上接受少量用户输入.然后,此输入将作为PHP页面上结果返回的参数转到PHP页面.
我一直在寻找教程和示例,我相信我的表单被命名和标记正确,但我似乎无法提取表单数据,更不用说将其发送到另一个页面.我一直在寻找一个小时,但仍然没有运气.:(
作为参考,我的JS表单是page1.html,我需要数据的PHP表单是page2.php.(在同一文件路径中)
下面是我的表单代码,顶部的脚本只是我尝试获取数据.
如果有人可以告诉我如何将表单数据发送到" page2.php ",我将非常感激!我需要的只是两个文本框输入以及性别类型.
<HTML>
<HEAD>
<TITLE>Test Input</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function testResults () {
var minWeight = form.minWeight.value;
var maxWeight = form.maxWeight.value;
var genderType = form.genderType.value;
alert ("Weight Range: " + minWeight + " - " + maxWeight + "\n for all " +
genderType + "s" );
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="GET">
Enter minimum weight:
<input type="text" name="minWeight" value="0">
<BR>
Enter maximum weight:
<input type="text" name="maxWeight" value="999">
<BR>
Select gender
<input type="radio" name="genderType" value="male"/>
Male
<input type="radio" name="genderType" value="female"/>
Female
<BR>
<INPUT TYPE="button" NAME="button" Value="Submit" onClick="testResults(myform)">
</FORM>
</BODY>
</HTML>
*如果发送表单数据的代码有点棘手,请解释一下,以便我能够理解正在发生的事情.
非常感谢你!
您的JavaScript不起作用的原因是因为您为表单命名myform但是您正在尝试访问form.
也就是说,你不应该使用JavaScript.只需一个简单的表格即可:
<form action="page2.php" method="post">
<p><label>Enter minimum weight: <input type="number" name="minWeight" value="0" min="0" required /></label></p>
<p><label>Enter maximum weight: <input type="number" name="maxWeight" value="999" min="0" required /></label></p>
<p>Select gender:
<label><input type="radio" name="genderType" value="male" required /> Male</label>
<label><input type="radio" name="genderType" value="female" /> Female</label>
</p>
<p><input type="submit" value="Submit" /></p>
</form>
然后$_POST['minWeight'],您的PHP脚本可以引用,$_POST['maxWeight']和$_POST['genderType'].