📁 File Manager

Dosya Düzenle: preregistration.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mangaldai College</title>

<link rel="icon" href="https://www.mangaldaicollege.org/img/logo.png" sizes="32x32">
  <link rel="apple-touch-icon" href="https://www.mangaldaicollege.org/img/logo.png">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
  
</head>
<body>

<div class="alert alert-info mt-4" role="alert">
    <h5 class="mb-3">Admission Instructions</h5>

<p><strong>Step 1:</strong><br>
    If you are a new user, you must first register using your correct personal details.<br>
    ⚠️ <strong>Please note:</strong> Registration details cannot be changed later.</p>
  <p style="color:red; font-weight:bold; ">
  🔴 <a href="ENROLLMENT_NUMBER_ALL_STREAM.pdf" style="color:red; text-decoration:none;" target="_blank">Samarth Enrollment No.(2024-25)</a>
</p>

<div class="alert alert-success" role="alert">
  <h5 class="mb-3">✅ Examples of Valid Entries (Year-wise)</h5>
  <ul class="mb-0">
    <li>
      <strong>3rd Year:</strong><br>
      <strong>GU Roll:</strong> <code>UA/US-230-250-1234</code> → 
      <strong>GU Regn No:</strong> <code>230XXXXXX</code>, 
      <strong>Samarth Enrollement No:</strong> <code>111XXXXXXX</code>
    </li>
    <li class="mt-2">
      <strong>2nd Year:</strong><br>
      <strong>GU Roll:</strong> <code>UA/US-240-250-5678</code> → 
      <strong>GU Regn No:</strong> <code>2411XXXXXX (same as Samarth Enrollement No </code>, 
      <strong>Samarth Enrollement No:</strong> <code>24111XXXX</code>
    </li>
  </ul>
</div>

</style>

<p><strong>Step 2:</strong><br>
    After registration, you will receive a system-generated User ID and Password.<br>
    ✅ Make sure to note down these credentials for future login.<br>
    🔁 You may change your password later if needed.</p>

<p><strong>Step 3:</strong><br>
    Log in and fill out the admission form with all required details carefully.<br>
    ⚠️ Once the form is submitted, you cannot edit the information.</p>

<p><strong>Step 4:</strong><br>
    After submitting your personal details, your Admission Form and Fee Challan will be generated and available for printing in the <strong>"Admission 2025-26"</strong> section.</p>

<p><strong>Step 5:</strong><br>
    Print the Admission Form and Fee Challan. Submit them along with the required supporting documents to the College Office on the scheduled Admission Date.</p>
    
    <br><br>

<b>Helpdesk:</b> For any queries or technical assistance, please contact:<br>
📧 Email: <a href="mailto:helpdesk@mangaldaicollege.org">helpdesk@mangaldaicollege.org</a><br>
Mobile: +91 60027 27340
  </div>
</div>

</div>
        <div class="col-12 col-md-6 bg-white">
          <div class="p-4" style="background: beige;">
            <div class="mb-4" >
              <h2 class="h3">Registration</h2>
              <h3 class="fs-6 fw-normal text-secondary m-0">Enter your details to register</h3>
            </div>

<div class="col-md-6">
                  <label for="name" class="form-label">Full Name <span class="text-danger">*</span></label>
                  <input type="text" class="form-control" name="name" id="name" placeholder="Enter full name" required>
                </div>

<div class="col-md-6">
                  <label for="dob" class="form-label">Date of Birth <span class="text-danger">*</span></label>
                  <input type="date" class="form-control" name="dob" id="dob" required>
                </div>

<div class="col-md-6">
                  <label for="guroll" class="form-label">GU Roll Number <span class="text-danger">*</span></label>
                  <input type="text" class="form-control" name="guroll" id="guroll"
                         placeholder="e.g., UA-241-250-1234"
                         pattern="^(UA|US|UT|UV)-(231|241)-250-\d{4}$"
                         title="Format: UA/US/UT/UV-231/241-250-XXXX (X = 4 digits)"
                         required>
                  <div id="gurollError" class="text-danger mt-1" style="display: none;">Please enter a valid GU Roll Number (e.g., UA-241-250-1234)</div>
                </div>

<div class="col-md-6">
  <label for="enroll" class="form-label">GU Regn. No <span class="text-danger">*</span></label>
  <input type="text" class="form-control" name="enroll" id="enroll"
         placeholder="Enter GU Registration No"
         pattern="^(230|240|24111)[0-9]*$"
         title="Registration number must start with 230 or 240 0r 24111"
         required>
</div>
<div id="enrollError" class="text-danger mt-1 d-none">Registration number must start with 230 or 240/24111</div>

<div class="col-md-6">
  <label for="guenroll" class="form-label">
    Samarth Enrollment No. (must start with 111 or 24111) <span class="text-danger">*</span>
  </label>
  <input type="text" class="form-control" name="guenroll" id="guenroll"
         placeholder="Samarth Enrollment No."
         pattern="^(111|24111)\d*$"
         required
         title="Enrollment number must start with 111 or 24111">
  <div id="guenrollError" class="text-danger mt-1 d-none">
    Enrollment number must start with 111 or 24111 
  </div>
</div>

<div class="col-md-6">
  <label for="abc" class="form-label">ABC Id <span class="text-danger">*</span></label>
  <input type="text"
         class="form-control"
         name="abc"
         id="abc"
         placeholder="ABC Id"
         inputmode="numeric"
         pattern="\d{12}"
         maxlength="12"
         title="ABC ID must be exactly 12 digits"
         oninput="this.value = this.value.replace(/[^0-9]/g, '')"
         required>
</div>

<div class="col-md-6">
                  <label for="collegeroll" class="form-label">College Roll Number <span class="text-danger">*</span></label>
                  <input type="text" class="form-control" name="collegeroll" id="collegeroll"
                         placeholder="e.g., 230001 or 240001"
                         pattern="^23\d{2,5}$|^24\d{2,5}$"
                         title="Roll number must start with 23 or 24"
                         required>
                  <small id="collegerollError" class="text-danger d-none">Roll number must start with 23 or 24</small>
                </div>

<div class="col-md-6">
                  <label for="phone" class="form-label">Phone Number <span class="text-danger">*</span></label>
                  <input type="tel" class="form-control" name="phone" id="phone"
                         placeholder="10-digit mobile number" pattern="[0-9]{10}" required>
                </div>

<div class="col-md-6">
                  <label for="email" class="form-label">Email Address <span class="text-danger">*</span></label>
                  <input type="email" class="form-control" name="email" id="email" placeholder="Valid Email" required>
                </div>

<div class="col-md-6">
                  <label for="admissionfor" class="form-label">Admission For <span class="text-danger">*</span></label>
                  <select class="form-select" id="admissionfor" required>
                    <option value="">Select Year</option>
                    <option value="2nd Year">BA/BSC-3rd Semester</option>
                    <option value="3rd Year">BA/BSC-5th Semester</option>
                    <option value="3rd Semester">BCA/BVOC-3rd Semester</option>
                    <option value="5th Semester">BCA/BVOC-5th Semester</option>
                  </select>
                  <input type="hidden" name="admissionfor" id="admissionfor_hidden">
                </div>
                
                <div class="col-12">
                  <div class="d-grid">
                    <button type="submit" class="btn btn-primary">Submit Registration</button>
                  </div>
                </div>
              </div>
            </form>

<hr class="mt-5 mb-4">
            <p class="text-end">Already have an account? <a href="index.html" class="link-primary">Sign in</a></p>

</div>
        </div>
      </div>
    </div>
  </section>
</main>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<script>
  const gurollInput = document.getElementById('guroll');
  const gurollError = document.getElementById('gurollError');
  const admissionSelect = document.getElementById('admissionfor');
  const admissionHidden = document.getElementById('admissionfor_hidden');

let isAutoSet = false; // track if value was set by script

const gurollPattern = /^(UA|US|UT|UV)-(231|241)-250-\d{4}$/;

// Track manual change
  admissionSelect.addEventListener('change', () => {
    isAutoSet = false; // user changed manually
    admissionHidden.value = admissionSelect.value;
  });

gurollInput.addEventListener('input', function () {
    const value = gurollInput.value.toUpperCase();
    const match = value.match(gurollPattern);

if (!value) {
      gurollError.style.display = "none";
      gurollInput.classList.remove("is-invalid");

if (isAutoSet) {
        admissionSelect.value = "";
        admissionHidden.value = "";
        isAutoSet = false;
      }
    } else if (!match) {
      gurollError.style.display = "block";
      gurollInput.classList.add("is-invalid");

if (isAutoSet) {
        admissionSelect.value = "";
        admissionHidden.value = "";
        isAutoSet = false;
      }
    } else {
      gurollError.style.display = "none";
      gurollInput.classList.remove("is-invalid");

const prefix = match[1];
      const yearCode = match[2];

let admissionValue = '';

if ((prefix === 'UT' || prefix === 'UV') && yearCode === '231') {
        admissionValue = '5th Semester';
      } else if ((prefix === 'UT' || prefix === 'UV') && yearCode === '241') {
        admissionValue = '3rd Semester';
      } else if ((prefix === 'UA' || prefix === 'US') && yearCode === '231') {
        admissionValue = '3rd Year';
      } else if ((prefix === 'UA' || prefix === 'US') && yearCode === '241') {
        admissionValue = '2nd Year';
      }

// Only set if it was not set manually
      if (!admissionSelect.value || isAutoSet) {
        admissionSelect.value = admissionValue;
        admissionHidden.value = admissionValue;
        isAutoSet = true;
      }
    }
  });
</script>

<script>
  const rollInput = document.getElementById("collegeroll");
  const errorText = document.getElementById("collegerollError");

rollInput.addEventListener("input", function () {
    const pattern = /^(23|24)\d{2,5}$/;
    if (rollInput.value === "" || pattern.test(rollInput.value)) {
      errorText.classList.add("d-none");
      rollInput.classList.remove("is-invalid");
    } else {
      errorText.classList.remove("d-none");
      rollInput.classList.add("is-invalid");
    }
  });
</script>

admissionSelect.addEventListener('change', function () {
    admissionHidden.value = this.value;
  });
</script>
<script>
  const enrollInput = document.getElementById("enroll");
  const enrollError = document.getElementById("enrollError");

enrollInput.addEventListener("input", function () {
    const pattern = /^(230|240|24111)\d*$/;
    if (enrollInput.value === "" || pattern.test(enrollInput.value)) {
      enrollError.classList.add("d-none");
      enrollInput.classList.remove("is-invalid");
    } else {
      enrollError.classList.remove("d-none");
      enrollInput.classList.add("is-invalid");
    }
  });
</script>
<script>
  const guEnrollInput = document.getElementById("guenroll");
  const guEnrollError = document.getElementById("guenrollError");

guEnrollInput.addEventListener("input", function () {
    const pattern = /^(111|24111)\d*$/;
    if (guEnrollInput.value === "" || pattern.test(guEnrollInput.value)) {
      guEnrollError.classList.add("d-none");
      guEnrollInput.classList.remove("is-invalid");
    } else {
      guEnrollError.classList.remove("d-none");
      guEnrollInput.classList.add("is-invalid");
    }
  });
</script>

</body>
</html>

İptal