Jquery 背景图片。我没有注意到它不起作用，因为我还没有上传音量控制器的图像。我犯了一个业余的错误。您好，字母数字是我创造的一种方法，它确实存在。谢谢你的建议。我认为额外的逗号是在定义字母数字方法的文件中，所以没有定义。不，额外的逗号是在另一个名为app.js的文件

---

背景图片。我没有注意到它不起作用，因为我还没有上传音量控制器的图像。我犯了一个业余的错误。您好，字母数字是我创造的一种方法，它确实存在。谢谢你的建议。我认为额外的逗号是在定义字母数字方法的文件中，所以没有定义。不，额外的逗号是在另一个名为app.js的文件中，在一个函数中，该函数仅在注册页面上调用，用于处理褪色的背景图像。我没有注意到它不起作用，因为我还没有上传音量控制器的图像。我犯了一个业余的错误。您好，字母数字是我创造的一种方法，它确实存在。谢谢你的建议。我认为额外的逗号是在定义字母数字方法的文件中，所以没有定义。不，额外的逗号是在另一个名为app.js的文件中，在一个函数中，该函数仅在注册页面上调用，用于处理褪色的背景图像。我没有注意到它不起作用，因为我还没有上传音量控制器的图像。我犯了一个业余的错误。

    <form class="register-form" action="" method="post" onsubmit="return false;">
    <h3 style="text-align: center;">Create your account</h3>

    <label>First Name</label>
    <div class="input-icon">
        <input type="text" placeholder="First Name" name="regfn" id="regfn" />
    </div>

    <label>Last Name</label>
    <div class="input-icon">
      <input type="text" placeholder="Last Name" name="regln" id="regln" />
    </div>

    <label>Email Address</label>
    <div class="input-icon">
        <input type="text" placeholder="Email Address" name="regemail" id="regemail" />
    </div>

    <label>Verify Email</label>
    <div class="input-icon">
        <input type="text" autocomplete="off" placeholder="Re-type Your Email Address" name="regvemail" id="regvemail"/>
    </div>

    <label>Username</label>
    <div class="input-icon">
        <input type="text" placeholder="Username" name="regusername" id="regusername"/>
    </div>

    <label>Password</label>
    <div class="input-icon">
            <input type="password" autocomplete="off" placeholder="Password" name="regpassword" id="regpassword" />
    </div>

    <label>Re-type Your Password</label>
    <div class="input-icon">
        <input type="password" autocomplete="off" placeholder="Re-type Your Password" name="regvpassword" id="regvpassword" />

    <label>
        <div class="input-icon">
        <input type="checkbox" name="regterms" id="regterms" /> Check this box if you agree to our
        <a href="#" style="color:#FFF;"><u>Terms of Service</u></a> and <a href="#" style="color:#FFF;"><u>Privacy Policy</u></a>. You cannot register otherwise.</div><br /><br />
        </div>
    </label>

    <div id="regajaxerrorregister"></div>

    <button id="register-back-btn" type="button" class="btn">
    <i class="m-icon-swapleft"></i> Back </button>

    <button type="submit" id="register-submit-btn" name="register-submit-btn" class="btn green pull-right">
    Register <i class="m-icon-swapright m-icon-white"></i>
    </button>

</form>

    $('.register-form').validate({
        errorElement: 'label', //default input error message container
        errorClass: 'help-inline', // default input error message class
        focusInvalid: false, // do not focus the last invalid input
        ignore: "",
        rules: {
            regfn: {
               required: true,
               maxlength: 16,
               alphanumerical: true
            },
            regln: {
               required: true,
               maxlength: 16
            },
            regemail: {
               required: true,
               email: true
            },
            regvemail: {
               required: true,
               email: true,
               equalTo: "#regemail"
            },
            regusername: {
               required: true,
               minlength: 4,
               maxlength: 12                  
            },
            regpassword: {
               required: true,
               minlength: 6,
               maxlength: 20
            },
            regvpassword: {
               required: true,
               minlength: 6,
               equalTo: '#regpassword'
            },
            regregterms: {
               required: true
            },
        },

        messages: {
            regfn: {
               required: "All fields are required.",
               maxlength: "Maximum of 16 characters"
            },
            regln: {
               required: "All fields are required.",
               maxlength: "Maximum of 16 characters"
            },
            regemail: {
               required: "All fields are required."
            },
            regvemail: {
               required: "All fields are required.",
               equalTo: "Your emails do not match - please check them."
            },
            regusername: {
               required: "All fields are required.",
               minlength: "Minimum of 4 characters",
               maxlength: "Maximum of 12 characters"                       
            },
            regpassword: {
               required: "All fields are required.",
               minlength: "Minimum of 6 characters",
               maxlength: "Maximum of 20 characters",
            },
            regvpassword: {
               required: "All fields are required.",
               equalTo: "The passwords do not match."
            },
            regterms: {
               required: "Please agree to the terms and conditions and privacy policy."
            },
        },

        invalidHandler: function (event, validator) { //display error alert on form submit   

        },

        highlight: function (element) { // hightlight error inputs
            $(element)
                .closest('.control-group').addClass('error'); // set error class to the control group
        },

        success: function (label) {
            label.closest('.control-group').removeClass('error');
            label.remove();
        },              

        submitHandler: function (form) {

            $.ajax({
                type: 'POST',
                url: 'pages/login/registration.php',
                data: "fn="+document.getElementById("regfn").value+"&ln="+document.getElementById("regln").value+"&username="+document.getElementById("regusername").value+"&email="+document.getElementById("regemail").value+"&password="+document.getElementById("regpassword").value,
                dataType: 'json',
                success: function(htmldata) {
                    if (htmldata.result=="success"){  
                        location.href ="profile.php"; 
                    }else{ 
                        $('#regajaxerrorregister').html(htmldata.msg);
                    }
                }
            });         
        },

        errorPlacement: function (error, element) {
            error.addClass('help-small no-left-padding').insertAfter(element.closest('.input-icon'));
        }

    }); //register form

        regfn: {
           required: true,
           maxlength: 16,
           alphanumeric: true
        },