表单验证基本步骤

最新推荐文章于 2024-03-01 20:16:14 发布

我是滑稽帝滑滑稽

最新推荐文章于 2024-03-01 20:16:14 发布

阅读量729

点赞数

分类专栏：前端JS

本文链接：https://blog.csdn.net/cacacacacacacaa/article/details/52736564

版权

前端JS 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

//---------------------表单验证--------------------
fm.onsubmit=function (evt) {
    //先阻止浏览器默认跳转行为，然后验证
    if(evt){//w3c
        evt.preventDefault();
    }else{
        evt.returnValue=false;
    }
    var userName = fm.userName.value;//检测用户名

    if(!/^\w{2,16}$/.test(userName)){
        fm.userName.focus();
        fm.userName.warningNode.style.display='inline';
        return;
    }
    fm.userName.warningNode.style.display='none';

     var pwd=fm.userPwd.value; //检测密码
    if(!/^\w{6,16}$/.test(pwd)){
        fm.userPwd.focus();
        fm.userPwd.warningNode.style.display='inline';
        return;
    }
    fm.userPwd.warningNode.style.display='none';

    var repwd =fm.rePwd.value; //确认密码检测
    if(repwd != pwd){
        fm.rePwd.focus();
        fm.rePwd.warningNode.style.display='inline';
        return;
    }
    fm.rePwd.warningNode.style.display='none';

    var qq = fm.qq.value;
    if(!/^\d{5,10}$/.test(qq)){
        fm.qq.focus();
        fm.qq.warningNode.style.display='inline';
        return;
    }
    fm.qq.warningNode.style.display='none';

    var email = fm.email.value;
    if(!/^\w{6,18}@([a-z0-9-]+\.)+[a-z]{1,6}$/.test(email)){
        fm.email.focus();
        fm.email.warningNode.style.display='inline';
        return;
    }
    fm.email.warningNode.style.display='none';

    //验证正确之后提交
    this.submit();
}