<html>
<head> <script type="text/javascript">
function validate()
{
var username = document.getElementsByName("username")[0];
var password = document.getElementsByName("password")[0];
if(username.value.length < 1)
{
alert("用户名不能为空");
return false;
}
if(password.value.length < 1)
{
alert("密码不能为空");
return false;
}
if(username.value.length < 4 || username.value.length > 10)
{
alert("用户名长度不符合规范");
return false;
}
}
</script>
</head>
<body>
<form onsubmit="return validate();">
用户名:<input type="text" name="username"><br>
密码:<input type="password" name="password" ><br>
性别:男<input type="radio" name="gender" value="male"> 女<input type="radio" name="gender" value="female"><br>
兴趣:
足球<input type="checkbox" name="interest" value="football">
篮球<input type="checkbox" name="interest" value="basketball">
排球<input type="checkbox" name="interest" value="volleyball">
羽毛球<input type="checkbox" name="interest" value="hhball">
<br>
地址:
<select name="address">
<option value="shanghai">上海</option>
<option value="beijing">北京</option>
<option value="chengdu">成都</option>
</select>
<br>
说明:
<textarea name="comment" rows="15" cols="20"></textarea>
<br>
<input type="submit" value="点击确认"> <input type="reset" value="重置">
</form>
</body>
</html>代码如上。可是怎么都没反应。alert也不弹,好像根本就没进入到js中。
求指点。
<head> <script type="text/javascript">
function validate()
{
var username = document.getElementsByName("username")[0];
var password = document.getElementsByName("password")[0];
if(username.value.length < 1)
{
alert("用户名不能为空");
return false;
}
if(password.value.length < 1)
{
alert("密码不能为空");
return false;
}
if(username.value.length < 4 || username.value.length > 10)
{
alert("用户名长度不符合规范");
return false;
}
}
</script>
</head>
<body>
<form onsubmit="return validate();">
用户名:<input type="text" name="username"><br>
密码:<input type="password" name="password" ><br>
性别:男<input type="radio" name="gender" value="male"> 女<input type="radio" name="gender" value="female"><br>
兴趣:
足球<input type="checkbox" name="interest" value="football">
篮球<input type="checkbox" name="interest" value="basketball">
排球<input type="checkbox" name="interest" value="volleyball">
羽毛球<input type="checkbox" name="interest" value="hhball">
<br>
地址:
<select name="address">
<option value="shanghai">上海</option>
<option value="beijing">北京</option>
<option value="chengdu">成都</option>
</select>
<br>
说明:
<textarea name="comment" rows="15" cols="20"></textarea>
<br>
<input type="submit" value="点击确认"> <input type="reset" value="重置">
</form>
</body>
</html>代码如上。可是怎么都没反应。alert也不弹,好像根本就没进入到js中。
求指点。
代码好像没问题啊。