在表单上点击提交按钮时,把增加的数据提交到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));