javascript 表单验证

文章代码

<form action="" method="post" name="form1" onsubmit="return check();"></form>

 提示：如果这里没有 return ,会检测，但还会跳转到 action='xxx.php'目标页面。  这样就是去了检测意义

js代码

function check(){
    if(form1.name.value ==""){
        alert("用户名不能为空");
        form1.name.focus();
        return false;
    }if(form1.pass.value.length <6){
        alert("密码长度未超过六位，请重新输入或者密码为空");
        form1.name.focus();
        return false;
    }if(form1.phone.value ==""){
        alert("电话不能为空");
        form1.phone.focus();
        return false;
    }if(form1.mobile.value.length !="11"){
        alert("手机不能为空或者输入错误");
        form1.mobile.focus();
        return false;
    }if(form1.email.value ==""){
        alert("邮箱不能为空");
        form1.email.focus();
        return false;
    }
}

 

 

 提示：form.name 而不是form.id    跟input 的id没关系

扩展

1.history.back();

2. 获取表单-》input的值

function check(){
    $card = form1.card.value;
    alert($card);
}