CP_validateregistrati

CP_validateregistrati

by bryiantan

HTML

<input type="text" id="txtEmail"> <br/>
<input type="text" id="txtPassword"> <br/>
<input type="text" id="txtPassword2"> <br/>
<button id="btnRegister">
click
</button>
<div id="alertArea">

</div>
<div id="alertPass">

</div>

JavaScript

$("#btnRegister").click(function (e) {
        e.preventDefault();

        if (validateRegistration()) {
            calltest();
        }
});
function calltest() { alert(1);}
function validateRegistration() {
    var email = $("#txtEmail").val();
    var password = $("#txtPassword").val();
    var password2 = $("#txtPassword2").val();
    var isValid = false;
    var alertText = "";
    var genericAlert = '<div class="alert alert-danger alert-dismissible fade show" role="alert"><button type="button" ' +
        'class="close" data-dismiss="alert" aria-label="Close" aria-hidden="true">×</button>';

    // EMAIL VERIFICATION
    if (email != "") {
        var emailRegex = "[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?";
        if (email.match(emailRegex)) {
            isValid = true;
        } else {
            alertText = "Email is not in the correct format.";
            emailFormatAlert = genericAlert + alertText + '</div>';
            $("#alertArea").append(emailFormatAlert);
            isValid = false;
        }
    } else {    //alert("Email cannot be empty.");     + '</div>'
        alertText = "Email cannot be empty.";
        emailAlert = genericAlert + alertText + '</div>';
        $("#alertArea").append(emailAlert);
        isValid = false;
    }
    // PASSWORD VERIFICATION
    if (password != "") {
        if (password.length < 5) {
            $("#alertPass").show();
            isValid = false;
        } else {
            isValid = true;
        }
    } else {
        alertText = "Password cannot be empty.";
        passwordAlert = genericAlert + alertText + '</div>';
        $("#alertArea").append(passwordAlert);
        isValid = false;
    }
    // PASSWORD MATCH
    if (password != password2) {
        alertText = "Passwords do not match!";
        pass2Alert = genericAlert + alertText + '</div>';
        $("#alertArea").append(pass2Alert);
       ...