在表单上点击提交按钮时,把增加的数据提交到java代码中,输出到控制台
在表单上点击提交按钮时,把增加的数据提交到java代码中,输出到控制台。本人是新手,请大家帮帮忙。
下面是表单代码:
<html>
<head>
<script type="text/javascript">
function tb_addnew(){
document.getElementById("myForm")
var user=new Array()
user[0]=document.getElementById("userId").value
user[1]=document.getElementById("nameAll").value
user[2]=document.getElementById("year").value+document.getElementById("month").value+document.getElementById("day").value
if (document.getElementById("sex").checked)
{ user[3]=document.getElementById("sex").value="男"}
else
{ user[3]=document.getElementById("sex").value="女"}
submitOK="true"
if (user[1].length>20)
{
alert("名字必须小于 20 个字符。")
submitOK="false"
}
if (user[0].length>20)
{
alert("账号必须小于 20 个字符。")
submitOK="false"
}
if (submitOK=="false")
{
return false
}
var t=document.all("myTable")
maxcell=t.rows(0).cells.length;
mynewrow=t.insertRow();
for(i=0;i<maxcell;i++){
mynewcell=mynewrow.insertCell();
mynewcell.innerText=user[i];
}
}
</script>
</head>
<body>
<p>题目:写一个表单,接收输入:账号、姓名、生日、性别,账号和姓名以文本框输入;生日以年、月、日下拉框形式输入,性别以单选框输入;输入完成后点击确定按钮,把数据加入下面的表格中</p>
<fieldset>
<legend>请输入:</legend>
<form id="myForm" name=f1>
账号:<input type="text" name="userId" size="20" /><br />
姓名:<input type="text" name="nameAll" size="20" /><br />
生日:<select name=year size=1 onchange="showmonth();showday()">
<script>
var yearbegin=1900,yearend=2012;
document.write("<option value=''selected>请选择年份...</option>")
for(var i=yearbegin;i<=yearend;i++){
document.write ("<option value="+i+">"+i+"</option>")
}
</script>
</select>
<select name=month size=1 onchange="showday();">
<option value="">请选择月份...</option>
</select>
<select name=day size=1>
<option value="">请选择日期...</option>
</select>
<br />
性别:
男<input type="radio" checked="checked" name="sex" value="男" />
女<input type="radio" name="sex" value="女" /><br />
<blockquote>
<input type="button" onclick="tb_addnew()" value="提交">
</blockquote>
</form>
<script>
var elYear=eval(document.f1.year)
var elMonth=eval(document.f1.month);
function showmonth(){
if(elYear.value!=""){
for(var i=0;i<12;i++){
elMonth.options.add(new Option(i+1, i+1));
}
}
}
function showday(){
var elDay=eval(document.f1.day);
if(elMonth.value!="" && elYear.value!=""){
elDay.length=0;
for(var i=0;i<28;i++){
elDay.options.add(new Option(i+1, i+1));
}
if(elMonth.value!="2"){
elDay.options.add(new Option(29, 29));
elDay.options.add(new Option(30, 30));
}
switch(elMonth.value){
case "1":
case "3":
case "5":
case "7":
case "8":
case "10":
case "12":{
elDay.options.add(new Option(31, 31));
}
case "02":{
var nYear=elYear.value;
if(nYear%400==0 || nYear%4==0 && nYear%100!=0)elDay.options.add(new Option(29, 29));
}
}
}
}
</script>
</fieldset>
<fieldset>
<h4>人员信息</h4>
<table border="1"
信息="10">
<table id="myTable" >
<tr>
<td>账号</td>
<td>姓名</td>
<td>生日</td>
<td>性别</td>
</tr>
<tr>
<td>zhangsan</td>
<td>张三</td>
<td>19811014</td>
<td>男</td>
</tr>
</table>
</fieldset>
</body>
</html>
本人是新手,请大家帮帮忙,在表单上点击提交按钮时,把增加的数据提交到java代码中,输出到控制台。
[解决办法]
提交地址···············
[解决办法]
你代码里面并没有form.submit()啊
[解决办法]
就是,按钮tb_addnew()事件只对form数据校验未提交。
[解决办法]
tb_addnew方法的最后添加
document.all.myForm.submit();
或者
<input type="submit" onclick="tb_addnew()" value="提交">
[解决办法]
首先你这个<input type="button" onclick="tb_addnew()" value="确定">中type应该是submit不是button
调用tb_addnew()这个方法是在from中<form id="myForm" name=f1 action="TaxRate" method="post"onsubmit="return tb_addnew()">
[解决办法]
JS 加入
window.form.action="url"
window.form.submit();
即可。