0xV3NOMx
Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64



Your IP : 18.222.161.245


Current Path : /var/www/oasis/rrit/adm/
Upload File :
Current File : /var/www/oasis/rrit/adm/sign-up.html

<div class="card1" style="min-height: 45vh;" id="sign-up-scroll">
    <center><p style="color: #fff" class="font-25"> Registration </p></center>
    <div class="body">
        <div id="sign_up">
            <form id='validateform'>
                <!-- <b>Mobile<span style="color: red;">*</span></b> -->
                <b><span style="color: #fff;">State </span><span style="color: red;">*</span></b>
                <div class="p-b-20 select" style="color: red;font-weight: 100 !important;">
                    <select id="state" name='state' class="form-control" autofocus required style="font-size: 16px;">
                        <option value='KA' >Karnataka</option>
                    </select >
                </div>
                <b><span style="color: #fff;"> University / College </span><span style="color: red;">*</span></b>
                <div class="p-b-20 select" style="color: red;font-weight: 100 !important;">
                    <select id="univ" name='University' onchange="displayadarno(this.id)" class="form-control" style="font-size: 16px;" required>
                        
                        <option value='rrit'>RR Institute of Technology</option>
                    </select >
                </div>
           
                <div class="inner-addon left-addon m-b-20">
                    <i class="material-icons">person</i>      
                    <input type="text" id='idmobile' class="form-control1" name="namesurname" minlength="10" maxlength="10" placeholder="Mobile Number" required />
                </div>
                <div class="m-t-15">
                    <button id='sendpasswd' class="btn bg-blue waves-effect pull-left" onclick="validateRegno()">Validate & Send OTP</button>
                </div>

                <div id='perinfo' style="display : none;color: #fff;">
                    <div class="col-md-12 m-t-15 clearfix"><p><b>Student Name &nbsp;&nbsp; :&nbsp;&nbsp;</b><span id='name'></span><br>
                    <b>Email Address &nbsp; :&nbsp;&nbsp;</b><span id='fatname'></span><br>
                    </p>
                    </div>
                </div>
            </form>
            <form id='sendotpform'>
               
                <div class="inner-addon left-addon m-b-20 daterange" style="margin-top: 32%">
                    <i class="material-icons">date_range</i>      
                    <input type="text" id='dob' class="form-control1 date1" name="namesurname" placeholder="Date of Birth" data-toggle="tooltip" data-placement="top" title="Date of Birth" required/>
                </div>

                <div class="inner-addon left-addon m-b-20" id = "adhar" style="display: none">
                    <i class="material-icons">smartphone</i>      
                    <input type="text" id='adharno' class="form-control" name="Aadhar No" placeholder="Aadhar No" minlength="12" maxlength="12" required onkeypress="return acceptNumbersOnlyForModule(event);"/>
                </div>

              
                <div class="inner-addon left-addon m-b-20">
                    <i class="material-icons">lock</i>      
                    <input type="password" id="password" class="form-control1" name="password" minlength="8" placeholder="Password" data-toggle="tooltip" data-placement="top" title="Minimum 8 Characters" maxlength="25" required/>
                </div>
            
                <div class="inner-addon left-addon m-b-20">
                    <i class="material-icons">lock</i>      
                    <input type="password" id="cpassword" class="form-control1" name="confirm"  placeholder="Confirm Password" data-toggle="tooltip" data-placement="top" title="Re-Enter Password"  maxlength="25" required/>
                </div>

                <span id='otpmsg' class='pull-right' style="color: #0087ff;">
                    
                </span>
                <div class="inner-addon left-addon m-t-20 m-b-20">
                    <i class="material-icons">smartphone</i>      
                    <input type="text" id='motp' class="form-control1" name="Mobile otp" minlength="4" placeholder="Mobile OTP" required/>
                </div>

                <button id='sendotp' class="btn bg-blue waves-effect pull-right m-b-20" onclick="validateInfo()">Re-Send OTP</button>
                
                <button class="btn btn-block btn-lg bg-blue waves-effect" id="confirm-btn" onclick='signup()'>SignUp</button>
                
            </form>
        	<div>
        	<br>
        	</div>
        	</div>	
            <div class="msg p-t-10"></div>

            <div class="m-t-25 m-b--5 align-center clearfix">
                <span style="color: #fff;"> Have you already registered? <a style="color: #fff;font-weight: 100;" href="index.html"><u>Click Here</u></a></span>
            </div>
        </div>
    </div>

<script type="text/javascript">
    $('form').submit(false);
    $('#sign_up :input').focus(function(){ $(this).parent().addClass('focused')});
    $('#sign_up :input').blur(function(){ $(this).parent().removeClass('focused')});
    $('#otpform :input').focus(function(){ $(this).parent().addClass('focused')});
    $('#otpform :input').blur(function(){ $(this).parent().removeClass('focused')});
    // $.validator.addMethod("dateofbirth",
    //     function(value, element) {
    //         return value.match(/^dd?-dd?-dd$/);
    //     },
    //     "Please enter valid date");

    $('#sendotpform').validate({
        rules: {
            'terms': {
                required: true
            },
            'confirm': {
                equalTo: '[name="password"]'
            },
            'myDate' : {
                dateofbirth: true
            },
        },
        highlight: function (input) {
            $(input).parents('.form-line').addClass('error');
        },
        unhighlight: function (input) {
            $(input).parents('.form-line').removeClass('error');
        },
        errorPlacement: function (error, element) {
            $(element).parents('.inner-addon').append(error).find("label").css({"color": "#e57373", 'font-size' : '10px'});
    }});
    $('input[type=password]').tooltip({
            placement: "top",
            trigger: "focus"
        });
    $('input[type=text]').tooltip({
            placement: "top",
            trigger: "focus"
        });

    var $demoMaskedInput = $('.daterange');

    //Date
    $demoMaskedInput.find('.date1').inputmask('dd/mm/yyyy', { placeholder: 'dd/mm/yyyy' });

    $('#validateform').validate({
        highlight: function (input) {
            $(input).parents('.form-line').addClass('error');
        },
        unhighlight: function (input) {
            $(input).parents('.form-line').removeClass('error');
        },
        errorPlacement: function (error, element) {
            $(element).parents('.inner-addon').append(error).find("label").css("color", "#e57373");
            $(element).parents('.select').append(error);//select
        }
    });
    
    $('#signupform').validate({
        highlight: function (input) {
            $(input).parents('.form-line').addClass('error');
        },
        unhighlight: function (input) {
            $(input).parents('.form-line').removeClass('error');
        },
        errorPlacement: function (error, element) {
            $(element).parents('.inner-addon').append(error).find("label").css("color", "#e57373");
        }
    });
</script>