以下是js验证部分代码:
<script language="javascript" type="text/javascript">
//用户名验证
function checkUsername(){
var username = document.getElementById("username").value;
var usernameMsg = document.getElementById("usernameMsg");
if(username.length>=4&&username.length<=15){
usernameMsg.innerHTML="<font color=green>此用户名可以使用</font>";
}else{
usernameMsg.innerHTML="<font color=red>此用户名输入有误!</font>";
}
}
//密码验证
function checkPassword(){
var password = document.getElementById("password").value;
var passwordMsg = document.getElementById("passwordMsg");
if(password.length>=6&&password.length<=20){
passwordMsg.innerHTML="<font color=green>此密码可以使用</font>";
}else{
passwordMsg.innerHTML="<font color=red>此密码输入有误!</font>";
}
}
//重复密码验证
function checkPassword2(){
var password = document.getElementById("password").value;
var password2 = document.getElementById("password2").value;
var passwordMsg2 = document.getElementById("passwordMsg2");
if(password2!=""){
if(password==password2){
passwordMsg2.innerHTML="<font color=green>确认密码正确</font>";
}else{
passwordMsg2.innerHTML="<font color=red>两次输入的密码不相等!</font>";
}
}else{
passwordMsg2.innerHTML="<font color=red>密码不能为空!</font>";
}
}
//邮箱验证
function checkEmail(temp){
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
var emailMsg = document.getElementById("emailMsg");
if(reg.test(temp)){
emailMsg.innerHTML="<font color=green>你的邮箱可用</font>";
}else{
emailMsg.innerHTML="<font color=red>请输入正确的邮箱!</font>";
}
}
//姓名验证
function checkRealName(temp)
{
var reg=/[\u4E00-\u9FA5]/g;
var realNameMsg = document.getElementById("realNameMsg");
if (reg.test(temp)){
realNameMsg.innerHTML="<font color=green>姓名可以使用</font>";
}else{
realNameMsg.innerHTML="<font color=red>姓名要求为汉字!</font>";
}
}
//昵称验证
function checkRealName2()
{
var realName2 = document.getElementById("realName2").value;
var realNameMsg2 = document.getElementById("realNameMsg2");
if(realName2=="")
{
realNameMsg2.innerHTML="<font color=red>昵称不能为空!</font>";
}else{
realNameMsg2.innerHTML="<font color=green>昵称可以使用</font>";
}
}
//联系电话验证
var mobile = /^(?:13\d|15[89])-?\d{5}(\d{3}|\*{3})$/;
var phoneMag = document.getElementById("phoneMag");
function checkPhone(temp) {
//var mobile = /^(((d{2,3}))|(d{3}-))?13d{9}$/;
var phoneMsg = document.getElementById("phoneMsg");
if(mobile.test(temp))
{
phoneMsg.innerHTML="<font color=red> </font>";
}
else {
phoneMsg.innerHTML="<font color=red>请输入正确的手机号码</font>";
}
}
</script>
?以下是表单代码:
<form action="http://www.baidu.com" method="post" onSubmit=""> <table width="700px" border="0" align="center" ;> <tr> <td width="30%" height="40"><font size="3"><b>普通用户</b></font></td> <td width="70%" height="40"> </td> </tr> <tr> <td width="30%" height="40">*用户名:</td> <td width="70%" height="40"><input name="username" type="text" id="username" value="" onblur="checkUsername()" maxlength= "15"> <span id="usernameMsg"><font color="#818181">4-15个字符(包括英文字母,数字,下划线)</font></span> </td> </tr> <tr> <td height="40">*密码:</td> <td height="40"><input name="password" type="password" id="password" onblur="checkPassword()"> &
