II: page registration verification issues

<script type="text/javascript">
        $(function(){
            // 错误消息提示
            var msg = "${msg}";
            if(msg != undefined && msg != null && msg != ''){
                alert("${msg}");
            }
            // 切换到注册
            $("#reg").click(function () {
                $("#login").hide();
                $("#regist").show();
            });
            // 切换到登录
            $("#fanhui").click(function () {
                $("#login").show();
                $("#regist").hide();
            });
            // 注册表单校验
            // var errors = "";
            $("#regist").submit(function () {
                errors = "";
                var bool = true;//表示校验通过
                if(!validateLoginname()) {
                    bool = false;
                }
                if(!validateLoginpass()) {
                    bool = false;
                }
                if(!validateReloginpass()) {
                    bool = false;
                }
                if(!bool){
                    alert(errors);
                }/*else{
                    alert("注册成功!");
                }*/

                // $("#regist").submit(bool);
                return bool;
            });
            //校验用户名
            function validateLoginname() {
                var name = $("#name").val();
                if(name == "" || name == null){
                    errors += "用户名不能为空!\n";
                    return false;
                }
                return true;
            }
            //校验登录密码
            function validateLoginpass() {
                var pwd = $("#pwd").val();
                if(pwd == "" || pwd == null){
                    errors += "密码不能为空!\n";
                    return false;
                }
                return true;
            }
            //校验确认密码
            function validateReloginpass() {
                var pwd = $("#pwd").val();
                var pwd2 = $("#pwd2").val();
                if(pwd != pwd2){
                    errors += "两次输入的密码不一致!\n";
                    return false;
                }
                return true;
            }
        });
</script>

<form action="goRegist" method="post" id="regist" style="display: none;">
    <div class="input_outer">
        <span class="u_user"></span>
        <input name="name" id="name" class="text" style="color: #FFFFFF !important" value="${user.name}" type="text" placeholder="请输入账户" >
    </div>
    <div class="input_outer">
        <span class="us_uer"></span>
        <input name="pwd" id="pwd" class="text" style="color: #FFFFFF !important;  position:absolute; z-index:100;" value="${user.pwd}" type="password" placeholder="请输入密码">
    </div>
    <div class="input_outer">
        <span class="us_uer"></span>
        <input id="pwd2" class="text" style="color: #FFFFFF !important;  position:absolute; z-index:100;" value="${user.pwd}" type="password" placeholder="请确认密码">
    </div>
    <div class="mb2"><input type="submit" id="rgt" class="act-but submit" style="color: #FFFFFF;width: 330px;height: 46px;line-height: 15px;" value="注册"/></div>
    <div style="text-align: center;cursor: pointer;"><span id="fanhui">已有账户?<span style="color: yellow;">登录</span></span></div>
</form>

Guess you like

Origin www.cnblogs.com/itzlg/p/10929890.html
Recommended