表单名fm 表单中有两个text :name,no 一个radio:sex 一个checkbox:hobby 一个下拉列表框(日期:year month day)
一个textarea ……还有两个按钮 submit 和 reset
如何用JavaScript验证这些内容非空,要求点“提交”按钮的时候 提示非空, 具体html代码如下:
<html>
<head>
<title>请填写信息:</title>
<meta http-equiv="keywords" content="姓名,学号,性别,出生日期,爱好,个人说明">
<meta http-equiv="description" content="信息输入">
<meta http-equiv="content-type" content="text/html; charset=GBK">
<script language="javascript">
</head>
<body>
<H3>请在下面输入信息:</H3>
<form action="servlet/dealInfoServlet" method="post" name="fm" >
<table border="0">
<tr><td>姓名:</td>
<td colspan="4"><input type="text" name="name" size="15"></td></tr>
<tr><td>学号:</td>
<td colspan="4"><input type="text" name="no" size="15"></td></tr>
<tr><td>性别:</td>
<td><input type="radio" name="sex" value="男">男</td>
<td><input type="radio" name="sex" value="女">女</td></tr>
<tr><td>出生日期:</td>
<td><select size="1" name="year">
<option value="1987">1987</option>
<option value="1988">1988</option></select>年</td>
<td><select size="1" name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option></select>月</td>
<td><select size="1" name="day">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option></select>日</td></tr>
<tr><td>爱好:</td>
<td><input type="checkbox" name="hobby" value="足球">足球</td>
<td><input type="checkbox" name="hobby" value="篮球">篮球</td>
<td><input type="checkbox" name="hobby" value="游泳">游泳</td></tr>
<tr><td>个人说明:</td>
<td colspan="3"><textarea rows="8" cols=30 name="tx"></textarea></td></tr>
<tr><td><input type="submit" value="提交" ></td>
<td><input type="reset" value="重置" ></td></tr>
</body>
</html>