.errormsg {
            display: none;
            color: red;
            padding-bottom: 7px;
           }

<input id="formusername"type="text" name="username" placeholder="Desired     Username" />
<div name="error_username" class="errormsg">Please     Enter A Username</div>

<script type="text/javascript">
jQuery(document).ready(function() {
    App.init();
    App.initSliders();
    Index.initParallaxSlider();

    function validateEmail($email) {
        var emailReg = /^([w-.]+@([w-]+.)+[w-]{2,6})?$/;
        return emailReg.test( $email );
    }

    $("#page1btn").click(function (event) {
        event.preventDefault();
        //TODO Run Validation Checks
        var error = false;
        var username = $('#formusername').val();
        var email = $('#formemail').val();
        var password = $('#formpassword').val();
        var confirmpassword = $('#formconfirmpassword').val();

        if(!username){error = true;$('#error_username').show(); }
        if(!email){error = true; $('#error_email').show();}
        if(!password){error = true; $('#error_password').show();}
        if(!confirmpassword){error = true; $('#error_confirmpassword').show();}
        if(password !== confirmpassword){
            error = true; $('error_passwordnomatch').show();
        }

        if(!validateEmail(email)){
            error = true; $('error_invalidemail').show();
        }

        if(error==false){
        $("#page1").hide();
        $("#page2").show();
        }

        });

        $("#page2btn").click(function (event) {
            event.preventDefault();
            //TODO Run Validation Checks
            //Change Page
$("#page1").show();
            $("#page2").show();


        });

        $("#page2btnprev").click(function (event) {
            event.preventDefault();
            // goto Previous page
            $("#page1").show();
            $("#page2").hide();


        });
    });
</script>