老师好,
对着代码敲得, 每次运行结果都不一样, 不知道错哪里了, 这一次是, 用户名和密码 一直显示不合法, 邮箱验证正常,
之前是怎么都不正常的, 请老师给看看
源码:
公共部分的验证方法
function check(id, reg){
//获取元素对象
var ele = document.getElementById(id);
//获取alt值
var alt = ele.alt;
//获取value值
var val = ele.value;
//获取span对象
var span = document.getElementById(id+"_span");
//开始验证
if(val==null || val==""){
span.innerText = "×"+alt+"不能为空";
span.style.color = "red";
}else if(reg.test(val)){
span.innerText = "√"+alt+"合法";
span.style.color = "green";
}else{
span.innerText = "×"+alt+"不合法"
span.style.color = "red";
}
}真实验证的方法
/***********验证用户名****************/
function checkName(){
var reg = /^[\u4e00-\u9fa5]{3,5}$/;
check("uname", reg);
}
/************验证密码**************************/
function checkPwd(){
var reg = /^\d{3, 6}$/;
check("pwd", reg);
}
/***********验证手机号***************************/
function checkPhone(){
var reg = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
check("phone", reg);
}
/***********验证邮箱*****************************/
function checkEmail(){
var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
check("email", reg);
}body中的代码
<body onload="YZM()">
<center>
<h3>注册页面</h3>
<hr />
<form action="" method="post">
<table >
<tr height="35px">
<td width="150px">用户名:</td>
<td width="400px">
<input type="text" name="uname" id="uname" value="" alt="用户名" onblur="checkName()"/>
<span id="uname_span">*用户名必须是3-5位的汉字</span>
</td>
</tr>
<tr height="35px">
<td>密码:</td>
<td>
<input type="password" name="pwd" id="pwd" value="" alt="密码" onblur="checkPwd()"/>
<span id="pwd_span">密码必须是3-6位数字的</span>
</td>
</tr>
<tr height="35px">
<td>手机号:</td>
<td>
<input type="text" name="phone" id="phone" value="" alt="手机号" onblur="checkPhone()"/>
<span id="phone_span"></span>
</td>
</tr>
<tr height="35px">
<td>邮箱:</td>
<td>
<input type="text" name="email" id="email" value="" alt="邮箱" onblur="checkEmail()"/>
<span id="email_span"></span>
</td>
</tr>
<tr height="35px">
<td>性别:</td>
<td>
男:
<input type="radio" name="sex" id="" value="1" /> 女:
<input type="radio" name="sex" id="" value="0" />
<span id="sex_span"></span>
</td>
</tr>
<tr height="35px">
<td>爱好:</td>
<td>
<input type="checkbox" name="fav" id="fav" value="1" />唱歌
<input type="checkbox" name="fav" id="fav" value="2" />睡觉
<input type="checkbox" name="fav" id="fav" value="3" />LOL
<br />
<input type="checkbox" name="fav" id="fav" value="4" />旅游
<input type="checkbox" name="fav" id="fav" value="5" />高尔夫
<input type="checkbox" name="fav" id="fav" value="6" />篮球
</td>
</tr>
<tr height="35px">
<td>籍贯</td>
<td>
<select name="address" id="sel">
<option value="0">--请选择--</option>
<optio
n value="1">河南</option>
<option value="2">胡南</option>
<option value="3">海南</option>
<option value="4">云南</option>
</select>
<span id="sel_span"></span>
</td>
</tr>
<tr height="35px">
<td>验证码:</td>
<td>
<input type="number" name="" id="yzm" value="" />
<span id="yzm_span"></span>
</td>
</tr>
<tr height="35px">
<td>个人介绍:</td>
<td>
<textarea rows="8" cols="30"></textarea>
</td>
</tr>
<tr height="35px">
<td colspan="2" align="center">
<input type="checkbox" name="" id="check" value="">是否同一本公司协议
</td>
</tr>
<tr height="35px">
<td colspan="2" align="center">
<input type="submit" value="注册" id="sub" disabled="true" />
</td>
</tr>
</table>
</form>
</center>
</body>
老师，这段代码我理解不了，我不懂为什么转45度就解决了正方形暴露的问题，
京公网安备 11011402011233号