<html>
<head>
<title> 使用javascript完成注册校检 </title>
<link rel="stylesheet" type="text/css" href="login.css">
<script type="text/javascript">
function check(){
var name = document.all("name").value;
var password = document.all("password").value;
var birthday = document.all("birthday").value;
var reg = /^[\d]{4}[\/-]{1,2}[\/-]{1}[\d]{1,2}$/;
if (name.length<2||name.length>20){
alert("姓名为2--20个字符!!");
return false;
} else if (password.length <3 || password.length >15) {
alert("密码为3--15个字符!!");
return false;
} else if (!reg.test(birthday)) {
alert("日期格式如 1990-10-20 !!");
return false;
}
}
</script></head><body style="text-align:center;">
<form action="" onsubmit="return check();">
<table border ="1" align="center">
<caption align="top"> 用户注册 </caption>
<tr>
<td> 姓名 </td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td> 性别 </td>
<td>
<select>
<option>男</option>
<option>女</option>
</select>
</td>
</tr>
<tr>
<td> 密码 </td>
<td><input type="password" name="password" class="input"></td>
</tr>
<tr>
<td> 出生日期 </td>
<td><input type="text" name="birthday"></td>
</tr>
<tr>
<td><input type="submit" value="注册" /></td>
<td><input type="reset" value="取消"></td>
</tr>
</table>
</form>
</body>
</html>
点击提交后,没有进行校检,为什么呢?求大神们赐教!
<head>
<title> 使用javascript完成注册校检 </title>
<link rel="stylesheet" type="text/css" href="login.css">
<script type="text/javascript">
function check(){
var name = document.all("name").value;
var password = document.all("password").value;
var birthday = document.all("birthday").value;
var reg = /^[\d]{4}[\/-]{1,2}[\/-]{1}[\d]{1,2}$/;
if (name.length<2||name.length>20){
alert("姓名为2--20个字符!!");
return false;
} else if (password.length <3 || password.length >15) {
alert("密码为3--15个字符!!");
return false;
} else if (!reg.test(birthday)) {
alert("日期格式如 1990-10-20 !!");
return false;
}
}
</script></head><body style="text-align:center;">
<form action="" onsubmit="return check();">
<table border ="1" align="center">
<caption align="top"> 用户注册 </caption>
<tr>
<td> 姓名 </td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td> 性别 </td>
<td>
<select>
<option>男</option>
<option>女</option>
</select>
</td>
</tr>
<tr>
<td> 密码 </td>
<td><input type="password" name="password" class="input"></td>
</tr>
<tr>
<td> 出生日期 </td>
<td><input type="text" name="birthday"></td>
</tr>
<tr>
<td><input type="submit" value="注册" /></td>
<td><input type="reset" value="取消"></td>
</tr>
</table>
</form>
</body>
</html>
点击提交后,没有进行校检,为什么呢?求大神们赐教!
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货