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 : 52.15.173.197


Current Path : /var/www/html/pgadm2020/bcupg/
Upload File :
Current File : /var/www/html/pgadm2020/bcupg/pg-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="BCU">BENGALURU CITY UNIVERSITY</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>
      </form>
      <form id="sendotpform">
        <div class="row clearfix"></div>
        <div class="inner-addon left-addon m-b-20" style="margin-top: 5%">
          <i class="material-icons">person</i>
          <input
            type="text"
            id="idname"
            class="form-control1"
            name="namesurname"
            minlength="4"
            maxlength="100"
            placeholder="Name"
            required
          />
        </div>

        <div class="inner-addon left-addon m-b-20">
          <i class="material-icons">person</i>
          <input
            type="email"
            id="idemail"
            class="form-control1"
            name="namesurname"
            minlength="4"
            maxlength="100"
            placeholder="Email ID"
            required
          />
        </div>

        <div class="inner-addon left-addon m-b-20 daterange">
          <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">
          <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>