whoami7 - Manager
:
/
home
/
gracious
/
employeeportal.graciousphils.com
/
Upload File:
files >> /home/gracious/employeeportal.graciousphils.com/registration1.php
<?php error_reporting(0); include('includes/config.php'); if (!isset($_SESSION['otpsession'])) { header("Location: index.php"); exit(); } ?> <!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="bootstrap/bootstrap.min.css"> <link rel="icon" href="color palette/portal icon.ico" type="image/png"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet"> <title>Employee Registration</title> </head> <body> <div class="container" style="padding-top: 5px;"> <div class="card"> <div class="card-header bg-primary"> <ul class="nav nav-tabs card-header-tabs" id="formTabs" role="tablist"> <?php include('registration/nav_item.php'); ?> </ul> </div> <div class="card-body" style="background-color: #EFE9D5;"> <div class="tab-content"> <div class="tab-pane fade <?= ($active_tab == 'personal') ? 'show active' : 'd-none'; ?>" id="personal"> <?php include('registration/personal.php'); ?> <button class="btn btn-primary <?= ($active_tab != 'personal') ? 'd-none' : ''; ?>" id="page1_nxt_btn" name="page1_nxt_btn" style="float: right;">Next</button> </div> <div class="tab-pane fade <?= ($active_tab == 'education') ? 'show active' : 'd-none'; ?>" id="education"> <?php include('registration/education.php'); ?> <button class="btn btn-primary <?= ($active_tab != 'education') ? 'd-none' : ''; ?>" id="page2_nxt_btn" name="page2_nxt_btn" style="float: right;">Next</button> </div> <div class="tab-pane fade <?= ($active_tab == 'family') ? 'show active' : 'd-none'; ?>" id="family"> <?php include('registration/family.php'); ?> <button class="btn btn-primary mt-2 <?= ($active_tab != 'family') ? 'd-none' : ''; ?>" id="page3_nxt_btn" name="page3_nxt_btn" style="float: right;">Next</button> </div> <div class="tab-pane fade <?= ($active_tab == 'child') ? 'show active' : 'd-none'; ?>" id="child"> <?php include('registration/child.php'); ?> <button class="btn btn-primary <?= ($active_tab != 'child') ? 'd-none' : ''; ?>" id="page4_nxt_btn" name="page4_nxt_btn" style="float: right;">Next</button> <button class="btn btn-warning <?= ($active_tab != 'child') ? 'd-none' : ''; ?>" id="page4a_skip_btn" name="page4a_skip_btn" style="float: right;">Skip</button> </div> <div class="tab-pane fade <?= ($active_tab == 'governmentid') ? 'show active' : 'd-none'; ?>" id="governmentid"> <?php include('registration/governmentid.php'); ?> <button class="btn btn-primary mt-2 <?= ($active_tab != 'governmentid') ? 'd-none' : ''; ?>" id="page5_nxt_btn" name="page5_nxt_btn" style="float: right;">Next</button> </div> <div class="tab-pane fade <?= ($active_tab == 'documents') ? 'show active' : 'd-none'; ?>" id="documents"> <?php include('registration/documents.php'); ?> <button class="btn btn-primary mt-2 <?= ($active_tab != 'documents') ? 'd-none' : ''; ?>" id="page6_nxt_btn" name="page6_nxt_btn" style="float: right;">Complete Registration</button> </div> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/masking-input.js" data-autoinit="true"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script src="registration_js/file_validation.js"></script> <script src="registration_js/page1.js"></script> <script src="registration_js/page2.js"></script> <script src="registration_js/page3.js"></script> <script src="registration_js/page4.js"></script> <script src="registration_js/page4skip.js"></script> <script src="registration_js/page5.js"></script> <script src="registration_js/page6.js"></script> <script> function validateNumber(input, min, max, fieldName) { // Remove any non-numeric characters except decimal point input.value = input.value.replace(/[^\d.]/g, ''); // Ensure only one decimal point input.value = input.value.replace(/(\..*)\./g, '$1'); // Get the error display element const errorElement = document.getElementById(fieldName + 'Error'); // Get the numeric value const value = parseFloat(input.value); // Clear previous styling input.classList.remove('is-invalid', 'is-valid'); errorElement.textContent = ''; // Validate empty input if (input.value === '') { input.classList.add('is-invalid'); errorElement.textContent = `Please enter a ${fieldName}`; return false; } // Validate decimal places (max 2 decimal places) if (input.value.includes('.')) { const decimals = input.value.split('.')[1]; if (decimals && decimals.length > 2) { input.value = parseFloat(input.value).toFixed(2); } } // Validate range if (isNaN(value) || value < min || value > max) { input.classList.add('is-invalid'); errorElement.textContent = `${fieldName.charAt(0).toUpperCase() + fieldName.slice(1)} must be between ${min} and ${max}`; return false; } // If all validations pass input.classList.add('is-valid'); return true; } // Add event listeners for form submission document.addEventListener('DOMContentLoaded', function() { document.getElementById('page1_nxt_btn').addEventListener('click', function () { const heightValid = validateNumber(document.getElementById('height'), 0, 300, 'height'); const weightValid = validateNumber(document.getElementById('weight'), 0, 500, 'weight'); if (!heightValid || !weightValid) { e.preventDefault(); } }); }); </script> <style> .is-invalid { border-color: #dc3545 !important; background-color: #fff8f8 !important; } .is-valid { border-color: #198754 !important; background-color: #f8fff8 !important; } .text-danger { color: #dc3545; font-size: 0.875em; margin-top: 0.25rem; display: block; } </style> <script type='text/javascript'> function addFields(){ // Generate a dynamic number of inputs var number = document.getElementById("member").value; // Get the element where the inputs will be added to var container = document.getElementById("container"); // Remove every children it had before while (container.hasChildNodes()) { container.removeChild(container.lastChild); } for (i=0;i<number;i++){ // Append a node with a random text container.appendChild(document.createTextNode("Child " + (i+1))); // Create an <input> element, set its type and name attributes var input = document.createElement("input"); input.type = "text"; input.name = "member[]"; input.id = "member" +i; input.placeholder = "Full Name(Surname, Firstname, Middlename)"; input.className = "form-control"; container.appendChild(input); container.appendChild(document.createTextNode("Birthdate")); var input = document.createElement("input"); input.type = "date"; input.name = "birthdate[]"; input.id = "birthdate" +i; input.placeholder = "Birthdate"; input.className = "form-control"; container.appendChild(input); container.appendChild(document.createTextNode("Gender")); var select = document.createElement("select"); select.name = "gender[]"; select.id = "gender" + i; select.className = "form-control"; // Create options for Male, Female, and Other var options = ["Male", "Female"]; options.forEach(function(optionText) { var option = document.createElement("option"); option.value = optionText; option.textContent = optionText; select.appendChild(option); }); container.appendChild(select) // Append a line break container.appendChild(document.createElement("br")); } } </script> </body> </html>
Copyright ©2021 || Defacer Indonesia