用JS完成注册页面的一个简单校验

function checkUsername(){
document.getElementById("usernameSpan").innerHTML="<font style='color:red;'>请输入数字或字母</font>";
}
function checkUsername2(){
var username=document.getElementById("username").value;
if(username != ""){
document.getElementById("usernameSpan").innerHTML="<font style='color:green;'>用户名正确</font>";
}
}
function checkPassword(){
document.getElementById("passwordSpan").innerHTML="<font style='color:red;'>1-16位</font>"
}
function checkPassword2(){
var password = document.getElementById("password").value;
if(password != ""){
document.getElementById("passwordSpan").innerHTML="<font style='color:green'>密码正确</font>"
}
}
function checkRepassword(){
document.getElementById("repasswordSpan").innerHTML="<font style='color:red'>请再次输入密码</font>"
}
function checkRepassword2(){
var password = document.getElementById("password").value;
var  repassword = document.getElementById("repassword").value;
if(password!="" && password==repassword){
document.getElementById("repasswordSpan").innerHTML="<font style='color:green'>密码正确</font>"
}else if(password!=repassword){
document.getElementById("repasswordSpan").innerHTML="<font style='color:red;'>两次密码不一致</font>";
}
}


function myForm(){
var username = document.getElementById("username").value;
if(username == ""){
document.getElementById("usernameSpan").innerHTML="<font style='color:red;'>用户名不能为空</font>";
return false;
}
var password = document.getElementById("password").value;
if(password == ""){
document.getElementById("passwordSpan").innerHTML="<font style='color:red;'>密码不能为空</font>";
return false;
}
var repassword = document.getElementById("repassword").value;
if(repassword != password){
document.getElementById("repasswordSpan").innerHTML="<font style='color:red;'>两次密码不一致</font>";
return false;
}
}