验证用户注册信息的合法性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form name="form1" method="post" action="" onsubmit="return check(this)">
    <ul>
        <li>用户名：<input type="text" name="username" id="username" title="用户名"></li>
        <li>密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" name="pwd" id="pwd" title="密码"></li>
        <li>E-mail&nbsp;：<input type="text" id="email" name="email" title="电子邮件"></li>

        <li>
            <input type="submit" value="确定">
            <input type="reset" value="重置">
        </li>
    </ul>
</form>

<script>
    function f(Form) {
        var v=true;
        for (var i=0;i<Form.length;i++){
            if(Form.elements[i].value==""){
                alert(Form.elements[i].title+"不能为空！");
                Form.elements[i].focus();
                v=false;
                return false;
            }
        }
        return v;
    }

    function f1(username) {
        var str=username;
        var Expression=/^(\w){1,15}$/;//控制输入1-15个字符
        var objExp=new RegExp(Expression);
        return objExp.test(str)
    }

    function f2(pwd) {
        var str=pwd;
        var Expression = /^[A-Za-z]{ 1 }([A-Za-z0-9]|[._]){7,19}$/;//控制输入8-20位
        var objExp=new RegExp(Expression);
        return objExp.test(str)
    }

    function f3(email) {
        var str=email;
        var Expression=/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
        var objExp=new RegExp(Expression);
        return objExp.test(str)
    }

    function check(Form) {
        if (f(Form)) {
            if (f1(Form.username.value)) {
                if (f2(Form.pwd.value)) {
                    if (f3(Form.email.value)) {
                        return true;
                    } else {
                        alert("请输入电子邮件地址！");
                        Form.email.focus();
                        return false;
                    }
                } else {
                    alert("您输入的密码不合法！")
                    Form.pwd.focus();
                    return false;
                }
            } else {
                alert("您输入的用户名不合法！")
                Form.username.focus();
                return false;
            }
        }
        else
        {
            return false;
        }
    }
</script>
</body>
</html>
小任性嘛
发布了9 篇原创文章 · 获赞 0 · 访问量 1212
私信关注
验证用户注册信息的合法性

猜你喜欢
