表单验证
```
<script type="text/javascript">
//创建函数表示验证通过
function right(id) {
var sp=document.getElementById(id);
sp.innerHTML="<img src='img/Icon%20-%20正确-24_1.png'>"+"输入正确";
}
//创建函数表示验证失败
function wrong(id,message) {
var sq=document.getElementById(id);
sq.innerHTML="<img src='img/错误%20(1).png'>"+message;
}
function checkName() {
var node=document.getElementsByTagName("input")[0];
var nodeVal=node.value;
var part=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/; //对用户名进行验证
var flag=part.test(nodeVal);
if(flag){
right("span1");
}else{
wrong("span1","用户名必须由数字、下划线或字母组成的4-16位字符");
}
}
function checkPassWord() {
var node=document.getElementsByTagName("input")[1];
var nodeVal=node.value;
var part=/^[a-zA-Z0-9]{6,18}$/;
var flag=part.test(nodeVal);
if(flag){
right("span2");
}else {
wrong("span2", "密码必须由数字或字母组成的6到18位数");
}
}
function checkAgain() {
var node=document.getElementsByTagName("input")[1];
var nodeValue=node.value;
var mode=document.getElementsByTagName("input")[2];
var modeValue=mode.value;
if(modeValue==nodeValue){
right("span3");
}else{
wrong("span3","两次密码不一致");
}
}
function Email() {
var node=document.getElementsByTagName("input")[3];
var nodeValue=node.value;
var part=/^[0-9]\w*@(qq)+(\.com|\.cn){1,2}$/;
var flag=part.test(nodeValue);
if(flag){
right("span4");
}else{
wrong("span4","邮件格式不正确")
}
}
</script>
```