1559 lines
78 KiB
PHP
Executable File
1559 lines
78 KiB
PHP
Executable File
<style>
|
|
.row {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
label {
|
|
font-style: bold;
|
|
}
|
|
</style>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$("#gender").select2();
|
|
$("#MartialStatus").select2();
|
|
$("#desigination").select2();
|
|
$("#work_location").select2();
|
|
$("#departmentname").select2();
|
|
$("#eduqualifaction").select2();
|
|
|
|
document.getElementById('aadharno').addEventListener('input', function(e) {
|
|
e.target.value = e.target.value.replace(/[^\d]/g, '').replace(/(.{4})/g, '$1 ').trim();
|
|
});
|
|
});
|
|
|
|
function driver_designition() {
|
|
// alert('i am in driver_designition function');
|
|
//$('#desigination').on('change', function () {
|
|
var opt = $("#desigination").val();
|
|
if (opt == 'DRIVER') {
|
|
$("#Driverlicense").attr("required", "true");
|
|
$("#LicenseExpiryDate").attr("required", "true");
|
|
//alert(opt);
|
|
} else {
|
|
// alert('else statement');
|
|
}
|
|
}
|
|
|
|
function readURL(input) {
|
|
if (input.files && input.files[0]) {
|
|
var reader = new FileReader();
|
|
|
|
reader.onload = function(e) {
|
|
$('#profilepicture')
|
|
.attr('src', e.target.result)
|
|
.width(180)
|
|
.height(180);
|
|
};
|
|
|
|
reader.readAsDataURL(input.files[0]);
|
|
}
|
|
}
|
|
|
|
$(function() {
|
|
$('#checksame').click(function() {
|
|
if ($('#checksame').prop('checked'))
|
|
|
|
{
|
|
|
|
$('#permanentaddress').val($('#currentaddress').val());
|
|
|
|
} else {
|
|
$('#permanentaddress').val('');
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
function blockKeyPress(evt) {
|
|
var charCode = (evt.which) ? evt.which : evt.keyCode;
|
|
alert(charCode);
|
|
if (charCode == 8 || charCode == 46)
|
|
|
|
{
|
|
return false;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function isNumberKey(evt) {
|
|
var charCode = (evt.which) ? evt.which : evt.keyCode;
|
|
if (charCode != 46 && charCode != 32 && charCode >= 33 &&
|
|
(charCode < 48 || charCode > 57))
|
|
return false;
|
|
|
|
return true;
|
|
}
|
|
|
|
function alpha(evt) {
|
|
var k;
|
|
document.all ? k = evt.keyCode : k = evt.which;
|
|
return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 32 || (k >= 48 && k <= 57));
|
|
}
|
|
|
|
//PAN Validate
|
|
function validatePAN() {
|
|
//var reg = /(?=.*[A-Za-z]).{5,}(?=.*[0-9]).{4,}(?=.*[A-Za-z]).{1,}$/;
|
|
var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;
|
|
var PAN = $('#panno').val();
|
|
|
|
if (PAN != '') {
|
|
if (regpan.test(PAN) == false) {
|
|
alert('Please Enter Valid PAN Number');
|
|
return (false);
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function ValidateAadhar() {
|
|
//alert('validation entered');
|
|
//var reg = /^\d{12}$/
|
|
var reg = /^\d{4}\s\d{4}\s\d{4}$/
|
|
var aadhar = $('#aadharno').val();
|
|
//var aadhar_count = $('#aadharno').val().length;
|
|
|
|
if (aadhar != '') // && aadhar_count != '')
|
|
{
|
|
//alert('this is aadhar :'+aadhar);
|
|
// if(aadhar_count < 12)
|
|
// {
|
|
// //alert(aadhar1);
|
|
// alert('Aadhar card should be in 12 digits');
|
|
// }
|
|
// else
|
|
if (reg.test(aadhar) == false) {
|
|
//alert('alskdjsakjf');
|
|
alert('Please Enter Valid Aadhar Number');
|
|
return (false);
|
|
} else {
|
|
//alert('value inserted into database');
|
|
return true;
|
|
}
|
|
}
|
|
// else
|
|
// {
|
|
// //alert('aadhar is blank');
|
|
// alert('please Enter Aadhar number');
|
|
|
|
// }
|
|
}
|
|
|
|
|
|
|
|
function getMobileValidation() {
|
|
var contactNumber = $('#ContactNumber').val().length;
|
|
if (contactNumber < 10) {
|
|
alert('Please Enter valid Contact Number');
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
function getValidEmergencyNumber() {
|
|
var contactNumber = $('#emergencycontactnumber').val().length;
|
|
if (contactNumber < 10) {
|
|
alert('Please Enter valid Emergency Contact Number');
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
function getValidReferNumber() {
|
|
var contactNumber = $('#referrercontno').val().length;
|
|
if (contactNumber > 0 && contactNumber < 10) {
|
|
alert('Please Enter valid Refernce Contact Number');
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
function validateEmail() {
|
|
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
|
|
|
|
var email = $('#emailid').val();
|
|
|
|
if (email != '') {
|
|
if (reg.test(email) == false) {
|
|
alert('Please Enter Valid Personal Email Address');
|
|
return (false);
|
|
} else {
|
|
return true;
|
|
}
|
|
} else {
|
|
alert('Please Enter email id');
|
|
}
|
|
|
|
}
|
|
|
|
function validatecomEmail() {
|
|
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
|
|
|
|
var email = $('#mail').val();
|
|
|
|
if (email != '') {
|
|
if (reg.test(email) == false) {
|
|
alert('Please Enter Valid Company Email Address');
|
|
return (false);
|
|
} else {
|
|
return true;
|
|
}
|
|
} else {
|
|
alert('Please Enter email id');
|
|
}
|
|
|
|
}
|
|
|
|
function validateDriverLicense() {
|
|
|
|
|
|
var reg = /^[a-zA-Z]{2}[0-9]{2}\s[0-9]{11}$/;
|
|
// alert();
|
|
var VehicleNo = $('#Driverlicense').val();
|
|
if (VehicleNo != "") {
|
|
if (reg.test(VehicleNo) == false) {
|
|
alert('Please Enter Valid Driver License Number');
|
|
return (false);
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function getAge() {
|
|
|
|
var dateString = $("#DateofBirth").val();
|
|
|
|
var today = new Date();
|
|
|
|
var dd = today.getDate();
|
|
var mm = today.getMonth() + 1;
|
|
var yyyy = today.getFullYear();
|
|
|
|
if (dd < 10) {
|
|
dd = '0' + dd;
|
|
}
|
|
if (mm < 10) {
|
|
mm = '0' + mm;
|
|
}
|
|
|
|
var today = dd + '-' + mm + '-' + yyyy;
|
|
|
|
var ageyear = yyyy - dateString.split("-")[2];
|
|
var agemonth = mm - dateString.split("-")[1];
|
|
var agedate = dateString.split("-")[0];
|
|
|
|
if (agemonth < 0 || (agemonth == 0 && dd < agedate)) {
|
|
ageyear--;
|
|
|
|
}
|
|
|
|
$("#age").val(ageyear);
|
|
|
|
}
|
|
|
|
$(function() {
|
|
var d = new Date();
|
|
|
|
var month = d.getMonth();
|
|
var day = d.getDate();
|
|
var year = d.getFullYear();
|
|
var SIAStartYear = year - 2015;
|
|
var mindt = year - 70;
|
|
var maxdt = year - 15;
|
|
|
|
$("#DateofBirth").datepicker({
|
|
minDate: new Date(mindt, 1, 1),
|
|
maxDate: new Date(maxdt, 1, 1),
|
|
dateFormat: 'dd-mm-yy',
|
|
changeMonth: true,
|
|
changeYear: true,
|
|
yearRange: '-100:+0'
|
|
|
|
|
|
});
|
|
$("#dateofjoining").datepicker({
|
|
minDate: new Date(year - SIAStartYear, 1, 1),
|
|
maxDate: 'now',
|
|
dateFormat: 'dd-mm-yy',
|
|
changeMonth: true,
|
|
changeYear: true,
|
|
|
|
|
|
|
|
});
|
|
$("#ValidTill").datepicker({
|
|
dateFormat: 'dd-mm-yy',
|
|
minDate: 'now',
|
|
changeMonth: true,
|
|
changeYear: true,
|
|
yearRange: '-0:+100'
|
|
});
|
|
$("#LicenseExpiryDate").datepicker({
|
|
dateFormat: 'dd-mm-yy',
|
|
minDate: 'now',
|
|
changeMonth: true,
|
|
changeYear: true,
|
|
yearRange: '-0:+100'
|
|
|
|
});
|
|
// $( ".selector" ).datepicker({
|
|
// dateFormat: 'yy-mm-dd' });
|
|
|
|
});
|
|
|
|
function resetphoto() {
|
|
$("#photo").src("");
|
|
}
|
|
|
|
function ValidatePassport() {
|
|
|
|
var regsaid = /^[A-Z][1-9]\d\s?\d{4}[1-9]$/;
|
|
var passport = $("#passportno").val().trim();
|
|
|
|
if (regsaid.test(passport) == false) {
|
|
alert('You have entered invalid Passport.');
|
|
alert(`The first character must be an uppercase alphabet. The next two characters should be numbers,with the first character ranging from 1 to 9 and the second character from 0 to 9. It may include zero or one white space character. The subsequent four characters can be any number from 0 to 9. The last character should be any number from 1 to 9."`);
|
|
return (false);
|
|
} else {
|
|
return true;
|
|
}
|
|
|
|
}
|
|
|
|
function onlyAlphabets(evt) {
|
|
var charCode;
|
|
if (window.event)
|
|
charCode = window.event.keyCode; //for IE
|
|
else
|
|
charCode = evt.which; //for firefox
|
|
if (charCode == 32) //for <space> symbol
|
|
return true;
|
|
if (charCode > 31 && charCode < 65) //for characters before 'A' in ASCII Table
|
|
return false;
|
|
if (charCode > 90 && charCode < 97) //for characters between 'Z' and 'a' in ASCII Table
|
|
return false;
|
|
if (charCode > 122) //for characters beyond 'z' in ASCII Table
|
|
return false;
|
|
return true;
|
|
}
|
|
|
|
|
|
function validatePF() {
|
|
var regpf = /^\d{12}$/;
|
|
|
|
|
|
var PF = $('#pfno').val();
|
|
|
|
if (PF != '') {
|
|
if (regpf.test(PF) == false) {
|
|
alert('Please Enter Valid UAN');
|
|
return (false);
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function validateESI() {
|
|
var reg = /(?=.*[0-9]).{10,}$/;
|
|
|
|
var ESI = $('#esino').val();
|
|
|
|
if (ESI != '') {
|
|
if (reg.test(ESI) == false) {
|
|
alert('Please Enter Valid ESI Number');
|
|
return (false);
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
<div class="content-page">
|
|
<div class="content">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box page-title-box-alt">
|
|
<h4 class="page-title">Add Employee</h4>
|
|
<a class="btn btn-secondary" href="<?php echo base_url() ?>employeeListing"><span class="bold">Back</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div id="rootwizard">
|
|
<ul class="nav nav-pills nav-justified form-wizard-header mb-3">
|
|
<li class="nav-item" data-target-form="#accountForm">
|
|
<a href="#first" data-toggle="tab" class="nav-link active">
|
|
<!-- <a data-toggle="tab" class="nav-link active"> -->
|
|
<span class="number">1</span>
|
|
<span class="d-none d-sm-inline">Personal Information</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item" data-target-form="#profileForm">
|
|
<a href="#second" data-toggle="tab" class="nav-link">
|
|
<!-- <a data-toggle="tab" class="nav-link"> -->
|
|
<span class="number">2</span>
|
|
<span class="d-none d-sm-inline">Work Profile</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item" data-target-form="#bankForm">
|
|
<a href="#third" data-toggle="tab" class="nav-link">
|
|
<!-- <a data-toggle="tab" class="nav-link"> -->
|
|
<span class="number">3</span>
|
|
<span class="d-none d-sm-inline">Bank & Emp Benefits</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item" data-target-form="#proofForm">
|
|
<a href="#fourth" data-toggle="tab" class="nav-link">
|
|
<!-- <a data-toggle="tab" class="nav-link"> -->
|
|
<span class="number">4</span>
|
|
<span class="d-none d-sm-inline">Proof</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="tab-content mb-0 b-0">
|
|
|
|
<div class="tab-pane active" id="first">
|
|
|
|
<form id="accountForm" method="post" enctype="multipart/form-data" action="#" class="form-horizontal">
|
|
<div class="row">
|
|
|
|
<div class="col-md-2">
|
|
|
|
<div class="row">
|
|
<div class="box-header">
|
|
<img id="profilepicture"
|
|
src="<?php echo base_url(); ?>public/assets/dist/img/avatar.png"
|
|
alt="your image" style="width: 139px;" /><br/>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<label for="photo">Select profile picture<br /><small>(only .jpg or
|
|
.png)</small>
|
|
</label>
|
|
<br>
|
|
<input type='file' onchange="readURL(this);" id="photo"
|
|
name="photo" />
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-10">
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-md-4 pad">
|
|
<label>Full Name</label><span class="badge">*</span>
|
|
<input type="text" name="FirstName"
|
|
onkeypress="return onlyAlphabets(event);" maxlength="100"
|
|
id="FirstName" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="col-md-4 pad">
|
|
<label>Father / Husband Name</label>
|
|
<span
|
|
class="badge">*</span>
|
|
<input type="text" name="FatherName"
|
|
onkeypress="return onlyAlphabets(event);" id="FatherName"
|
|
maxlength="200" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="col-md-4 pad">
|
|
<label>Contact Number</label><span
|
|
class="badge">*</span>
|
|
<input type="text" name="ContactNumber"
|
|
onchange="return getMobileValidation();" id="ContactNumber"
|
|
required pattern="(.){10,10}" maxlength="10"
|
|
class="form-control" onkeypress="return isNumberKey(event)">
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-md-4 pad"><label>Gender</label><span
|
|
class="badge">*</span>
|
|
<select id="gender" name="gender" type="text" required
|
|
class="form-control select2">
|
|
<option value="">Select Gender</option>
|
|
<?php
|
|
if (!empty($Gender)) {
|
|
foreach ($Gender as $rl) {
|
|
?>
|
|
<option value="<?php echo $rl->ConfigValue ?>">
|
|
<?php echo $rl->ConfigValue ?></option>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4 pad"><label>Date Of Birth</label><span
|
|
class="badge">*</span>
|
|
<input id="DateofBirth" required name="DateofBirth"
|
|
maxlength="10" onchange="getAge();"
|
|
class="form-control " data-date-format="dd-mm-yyyy">
|
|
</div>
|
|
<div class="col-md-4 pad"><label>Age</label>
|
|
<input type="text" name="age" id="age" class="form-control"
|
|
readonly>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<!-- <div class="row mb-3">
|
|
<div class="col-md-4 pad">
|
|
<label>Official Email ID</label><span class="badge">*</span>
|
|
<input type="email" name="emailid" id="emailid" maxlength="100"
|
|
class="form-control" required>
|
|
</div>
|
|
<div class="col-md-4 pad">
|
|
<label>Personal Email ID</label>
|
|
<input type="email" name="comemailid" id="mail" maxlength="100"
|
|
class="form-control">
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div class="col-md-4 pad">
|
|
<label>Current Address</label><span class="badge">*</span>
|
|
<input type="text" id="currentaddress" required name="currentaddress"
|
|
pattern=".{0,500}" maxlength="500" class="form-control">
|
|
</div>
|
|
<div class="col-md-4 pad" style="margin-top: 18px;">
|
|
|
|
<input type="checkbox" id="checksame" name="sameaddress"
|
|
>
|
|
<label for="checksame">
|
|
Current address same as permanent address
|
|
</label>
|
|
|
|
</div>
|
|
<div class="col-md-4 pad">
|
|
<label>Permanent Address</label><span
|
|
class="badge">*</span>
|
|
<input type="text" id="permanentaddress" required
|
|
name="permanentaddress" pattern=".{0,500}" maxlength="500"
|
|
class="form-control">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-4 pad">
|
|
<label>Marital Status</label><span class="badge">*</span>
|
|
<select id="MartialStatus" name="MartialStatus" type="text"
|
|
required placeholder="Marital status"
|
|
class="form-control select2">
|
|
<option value="">Select Marital Status</option>
|
|
<?php
|
|
if (!empty($Martial)) {
|
|
foreach ($Martial as $rl) {
|
|
?>
|
|
<option value="<?php echo $rl->ConfigValue ?>">
|
|
<?php echo $rl->ConfigValue ?></option>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<ul class="list-inline wizard mb-0">
|
|
<li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
|
|
</li>
|
|
<li class="next list-inline-item float-right"><a href="javascript: void(0);" class="btn btn-secondary">Next</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="second">
|
|
<form id="profileForm" method="post" action="#" class="form-horizontal" style="height: 250px;">
|
|
<div class="row">
|
|
<div class="col-md-1">
|
|
</div>
|
|
<div class="col-md-11">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<label>Designation</label><span
|
|
class="badge">*</span>
|
|
<select type="text" id="desigination" name="desigination" required
|
|
class="form-control select2">
|
|
<option value="">Select Designation</option>
|
|
<?php
|
|
if (!empty($Designation)) {
|
|
foreach ($Designation as $rl) {
|
|
?>
|
|
<option value="<?php echo $rl->ConfigValue ?>">
|
|
<?php echo $rl->ConfigValue ?></option>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label>Department</label><span class="badge">*</span>
|
|
<select type="text" id="departmentname" name="departmentname" required
|
|
class="form-control select2">
|
|
<option value="">Select Department</option>
|
|
<?php
|
|
if (!empty($Department)) {
|
|
foreach ($Department as $rl) {
|
|
?>
|
|
<option value="<?php echo $rl->DEPCode ?>">
|
|
<?php echo $rl->DEPCode . " - " . $rl->DepartmentName ?></option>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
|
|
</div>
|
|
<div class="col-md-3"><label>Date Of Joining</label><span
|
|
class="badge">*</span>
|
|
<input id="dateofjoining" name="dateofjoining"
|
|
maxlength="10" required
|
|
class="form-control" data-date-format="dd-mm-yyyy">
|
|
</div>
|
|
<div class="col-md-3"><label>Previous Years of Experience</label>
|
|
<input type="text" id="Previousexperience" name="Previousexperience"
|
|
maxlength="4" onkeypress="return isNumberKey(event)"
|
|
class="form-control">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-1">
|
|
</div>
|
|
<div class="col-md-11">
|
|
<div class="row">
|
|
|
|
<div class="col-md-3"><label>Qualification</label><span class="badge">*</span>
|
|
<select type="text" id="eduqualifaction" name="eduqualifaction" required
|
|
class="form-control select2">
|
|
<option value="">Select Qualification</option>
|
|
<?php
|
|
if (!empty($Qualification)) {
|
|
foreach ($Qualification as $rl) {
|
|
?>
|
|
<option value="<?php echo $rl->ConfigValue ?>">
|
|
<?php echo $rl->ConfigValue ?></option>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-md-3" style="display:none"><label>Additional Qualification</label>
|
|
<input type="text" id="addqualification" name="addqualification"
|
|
maxlength="100" class="form-control">
|
|
</div>
|
|
<div class="col-md-3" style="display:none"><label>Referred By</label>
|
|
<input type="text" id="referredby"
|
|
onkeypress="return onlyAlphabets(event);" name="referredby"
|
|
maxlength="100" class="form-control">
|
|
</div>
|
|
<div class="col-md-3" style="display:none"><label>Referrer Contact Number</label>
|
|
<input type="text" id="referrercontno" name="referrercontno"
|
|
onchange=" return getValidReferNumber();" maxlength="10"
|
|
onkeypress="return isNumberKey(event)" class="form-control">
|
|
</div>
|
|
|
|
|
|
<div class="col-md-3"><label>Work Location</label><span class="badge">*</span>
|
|
<select type="text" id="work_location" name="work_location" required
|
|
class="form-control select2">
|
|
<option value="">Select Work Location</option>
|
|
<?php
|
|
if (!empty($Location)) {
|
|
foreach ($Location as $rl) {
|
|
?>
|
|
<option value="<?php echo $rl->ConfigValue ?>">
|
|
<?php echo $rl->ConfigValue ?></option>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3" style="margin-top: 18px;">
|
|
<div class="form-group">
|
|
|
|
<label class="switch">
|
|
<input type="checkbox" name="is_management_team" value="0"
|
|
onchange="updateSwitchValue(this)" />
|
|
<span class="slider"></span>
|
|
</label>
|
|
<label
|
|
style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">Management
|
|
Team
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
</form>
|
|
<ul class="list-inline wizard mb-0">
|
|
<li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
|
|
</li>
|
|
<li class="next list-inline-item float-right"><a href="javascript: void(0);" class="btn btn-secondary">Next</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="third">
|
|
<form id="bankForm" method="post" action="#" class="form-horizontal">
|
|
<div class="row">
|
|
<div class="col-md-1">
|
|
</div>
|
|
<div class="col-md-11">
|
|
<div class="row">
|
|
<div class="col-md-3"><label>Bank Name</label><span class="badge">*</span>
|
|
<input type="text" id="bankbranchname" name="bankbranchname"
|
|
class="form-control" required>
|
|
</div>
|
|
<div class="col-md-3"> <label>Account Number</label><span class="badge">*</span>
|
|
<input type="text" id="accountno" onkeypress="return isNumberKey(event)"
|
|
maxlength="20" name="accountno" class="form-control" required>
|
|
</div>
|
|
<div class="col-md-3"><label>IFSC Code</label></span><span
|
|
class="badge">*</span>
|
|
<input type="text" id="ifsccode" name="ifsccode"
|
|
title="Only letters and numbers are allowed"
|
|
onchange="ifscCodeValidation(this.value)"
|
|
class="form-control" onkeypress="return alpha(event);"
|
|
style="text-transform: uppercase" required>
|
|
</div>
|
|
<div class="col-md-3"><label>Bank Address</label>
|
|
<input type="text" id="bankaddress" name="bankaddress"
|
|
maxlength="200" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- end col -->
|
|
</div>
|
|
<div class="row" style="margin-bottom:0px;">
|
|
<div class="col-md-1">
|
|
</div>
|
|
<div class="col-md-11">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="Basic_Pay">Total Salary</label>
|
|
<font color="Red">*</font>
|
|
|
|
<input type="text" name="Total_salary" id="Total_salary"
|
|
value="<?php echo set_value('Total_salary'); ?>"
|
|
pattern="([0-9]{1,8}([.][0-9]{1,2})?)"
|
|
class="form-control num" style="text-transform:uppercase;"
|
|
title="Enter Valid Total salary Amount, Minimum Four Digit Positive Number"
|
|
onchange="calculalteHRA();" required />
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="Basic_Pay">Basic Pay</label>
|
|
<font color="Red">*</font>
|
|
<input type="text" name="Basic_Pay" id="Basic_Pay"
|
|
value="<?php echo set_value('Basic_Pay'); ?>"
|
|
pattern="[0-9]{4,6}" class="form-control num"
|
|
style="text-transform:uppercase;"
|
|
title="Enter Valid Basic Pay Amount, Minimum Four Digit Positive Number"
|
|
readonly />
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="HRA_Rate">HRA Rate(%)</label>
|
|
<font color="Red">*</font>
|
|
|
|
<input type="text" name="HRA_Rate" id="HRA_Rate"
|
|
value="<?= $hra_rate; ?>" class="form-control num"
|
|
style="text-transform:uppercase;"
|
|
pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
|
|
title="Enter the Valid HRA Rate, Minimum 1 digit, Maximum 2 digit"
|
|
readonly />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="HRA_Rate">HRA Amount</label>
|
|
<font color="Red">*</font>
|
|
<input type="text" name="HRA_Amount" id="HRA_Amount"
|
|
class="form-control num" style="text-transform:uppercase;"
|
|
readonly />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row" style="margin-bottom:0px;">
|
|
<div class="col-md-1">
|
|
</div>
|
|
<div class="col-md-11">
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label>UAN</label>
|
|
<input type="text" id="pfno" name="pfno" maxlength="22"
|
|
onchange="validatePF();" class="form-control"
|
|
style="text-transform:uppercase"
|
|
pattern="\d{12}"
|
|
title="12 Digit number"
|
|
onkeypress="return alpha(event);">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="PF_Rate">PF Rate(%)</label>
|
|
<font color="Red">*</font>
|
|
<input type="text" name="PF_Rate" value="<?= $pf_rate; ?>"
|
|
class="form-control num" style="text-transform:uppercase;"
|
|
pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
|
|
title="Enter the valid PF Rate, Minimum 1 digit, Maximum 2 digits"
|
|
readonly />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="form-group"><label>ESI Number</label>
|
|
<input type="text" id="esino" name="esino" maxlength="10"
|
|
onchange="validateESI();" class="form-control"
|
|
title=" 10 digit number"
|
|
onkeypress="return isNumberKey(event)">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="ESI_Rate">ESI Rate(%)</label>
|
|
<font color="Red">*</font>
|
|
<input type="text" name="ESI_Rate" value="<?= $esi_rate; ?>"
|
|
class="form-control num" style="text-transform:uppercase;"
|
|
pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
|
|
title="Enter the Valid ESI Rate, Minimum 1 digit, Maximum 2 digits"
|
|
readonly />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row" style="margin-bottom:0px;">
|
|
<div class="col-md-1">
|
|
</div>
|
|
<div class="col-md-11">
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
<div class="form-group">
|
|
<label for="PF_Rate">TDS Rate(%)</label>
|
|
|
|
<input type="text" name="TDS_Rate"
|
|
value=""
|
|
class="form-control num"
|
|
title="Enter the valid TDS Rate, Minimum 1 digit"
|
|
/>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
|
|
<label class="switch">
|
|
<input type="checkbox" name="tds_applicable"
|
|
onchange="updateSwitchValue(this)" value="0"
|
|
/>
|
|
<span class="slider"></span>
|
|
</label>
|
|
|
|
<label
|
|
class="mt-4">TDS
|
|
Applicable</label>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
|
|
<label class="switch">
|
|
<input type="checkbox" name="esi_applicable" value="0"
|
|
onchange="updateSwitchValue(this)" />
|
|
<span class="slider"></span>
|
|
</label>
|
|
|
|
<label
|
|
class="mt-4">ESI
|
|
Applicable</label>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
|
|
<label class="switch">
|
|
<input type="checkbox" name="pf_applicable" value="0"
|
|
onchange="updateSwitchValue(this)" />
|
|
<span class="slider"></span>
|
|
</label>
|
|
|
|
<label
|
|
class="mt-4">PF
|
|
Applicable</label>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end row -->
|
|
</form>
|
|
<ul class="list-inline wizard mb-0">
|
|
<li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
|
|
</li>
|
|
<li class="next list-inline-item float-right"><a href="javascript: void(0);" class="btn btn-secondary">Next</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="fourth">
|
|
<form id="proofForm" method="post" action="#" class="form-horizontal" enctype="multipart/form-data">
|
|
<div class="row">
|
|
<div class="col-md-1">
|
|
</div>
|
|
<div class="col-md-11">
|
|
<div class="row">
|
|
<div class="col-md-4"><label>Aadhar Number</label> <span
|
|
class="badge">*</span>
|
|
<input type="text" id="aadharno" name="aadharno" maxlength="14"
|
|
onchange="ValidateAadhar();" class="form-control"
|
|
onkeypress="return isNumberKey(event)" required>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<label>Aadhar File Name</label>
|
|
<input type="text" id="file_name" name="file_name1" maxlength="255"
|
|
class="form-control" value="Aadhar" readonly>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label>Select Aadhar File</label><br>
|
|
<input type="file" name="emp_file1" class="">
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4"><label>PAN Number</label>
|
|
<input type="text" id="panno" maxlength="10"
|
|
style="text-transform:uppercase" name="panno"
|
|
onchange="validatePAN();" class="form-control"
|
|
pattern="([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}"
|
|
title=" 5 character,4 Digit Numbers,1 character (ex:ABCDE1234A) "
|
|
onkeypress="return alpha(event);">
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<label>PAN File Name</label>
|
|
<input type="text" id="file_name" name="file_name2" maxlength="255"
|
|
class="form-control" value="PAN" readonly>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label>Select PAN File</label><br>
|
|
<input type="file" name="emp_file2" class="">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4"><label>Passport Number</label>
|
|
<input type="text" id="passportno" maxlength="9"
|
|
onchange="ValidatePassport();" name="passportno"
|
|
style="text-transform:uppercase" class="form-control"
|
|
pattern="^[A-Z][1-9]\d\s?\d{4}[1-9]$"
|
|
title="
|
|
The first character must be an uppercase alphabet.
|
|
The next two characters should be numbers,
|
|
with the first character ranging from 1 to 9 and the second character from 0 to 9.
|
|
It may include zero or one white space character.
|
|
The subsequent four characters can be any number from 0 to 9.
|
|
The last character should be any number from 1 to 9."
|
|
>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<label>Passport File Name</label>
|
|
<input type="text" id="file_name" name="file_name3" maxlength="255"
|
|
class="form-control" value="Passport" readonly>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label>Select Passport File</label><br>
|
|
<input type="file" name="emp_file3" class="">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-4"></div>
|
|
<div class="col-md-4">
|
|
<label>Bank PassBok Name</label>
|
|
<input type="text" id="file_name" name="file_name4" maxlength="255"
|
|
class="form-control" value="Bank Passbook" readonly>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label>Select Bank PassBok File</label><br>
|
|
<input type="file" name="emp_file4" class="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-4"></div>
|
|
<div class="col-md-4">
|
|
<label>Other Document File Name</label>
|
|
<input type="text" id="file_name" name="file_name5" maxlength="255"
|
|
class="form-control" value="Other Document" >
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label>Select Other Document File </label><br>
|
|
<input type="file" name="emp_file5" class="">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
<ul class="list-inline wizard mb-0">
|
|
<li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
|
|
</li>
|
|
<button type="submit" class="btn btn-primary submit float-right">Submit</button>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- tab-content -->
|
|
</div> <!-- end #rootwizard-->
|
|
</div> <!-- end card-body -->
|
|
</div> <!-- end card-->
|
|
</div> <!-- end col -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script src="<?php echo base_url(); ?>public/assets/js/addUser.js" type="text/javascript"></script>
|
|
<script>
|
|
function updateSwitchValue(checkbox) {
|
|
checkbox.value = checkbox.checked ? "1" : "0";
|
|
}
|
|
|
|
function calculalteHRA() {
|
|
//var empid=document.getElementById('emp').value;
|
|
//alert(empid);
|
|
var Totalsalary = document.getElementById('Total_salary').value;
|
|
var HRA = document.getElementById('HRA_Rate').value;
|
|
//if(EmpID == -1){alert("Select Employee ID..!");}
|
|
if (HRA == '') {
|
|
alert("Please Enter HRA RATE..");
|
|
document.getElementById('HRA_Rate').focus();
|
|
} else if (Totalsalary == '') {
|
|
alert("Please Enter Total Salary..");
|
|
document.getElementById('total_salary').focus();
|
|
} else {
|
|
var temp = (Totalsalary * (HRA / 100));
|
|
var basic = Totalsalary - temp;
|
|
document.getElementById('Basic_Pay').value = basic;
|
|
document.getElementById('HRA_Amount').value = temp;
|
|
}
|
|
}
|
|
|
|
function removeContact(button) {
|
|
$(button).closest('.pad').remove();
|
|
$('#filesContainer .a1').hide();
|
|
$('#filesContainer .pad:last .a1').show();
|
|
var len = $('#filesContainer .pad:last .a1')
|
|
var length = len.length;
|
|
if (length == 0) {
|
|
$('#day').show()
|
|
} else {
|
|
$('#day').hide()
|
|
}
|
|
}
|
|
|
|
function Validate() {
|
|
if ($("#FirstName").val().length < 1) {
|
|
alert('Please Enter FirstName');
|
|
$("#FirstName").focus();
|
|
return false;
|
|
}
|
|
if ($("#LastName").val().length < 1) {
|
|
alert('Please Enter LastName');
|
|
return false;
|
|
}
|
|
if ($("#FatherName").val().length < 1) {
|
|
alert('Please Enter FatherName');
|
|
return false;
|
|
}
|
|
if ($("#DateofBirth").val().length < 1) {
|
|
alert('Please Enter Date of Birth');
|
|
return false;
|
|
}
|
|
if ($('#ContactNumber').val().length < 1) {
|
|
alert('Please Enter Contact Number');
|
|
return false;
|
|
} else if (!getMobileValidation()) {
|
|
return false;
|
|
}
|
|
|
|
|
|
|
|
|
|
if ($("#emailid").val().length < 1) {
|
|
alert('Please Enter Personal Email ID');
|
|
return false;
|
|
} else if (!validateEmail()) {
|
|
return;
|
|
}
|
|
|
|
if ($("#mail").val().length < 1) {
|
|
alert('Please Enter Company Email ID');
|
|
return false;
|
|
} else if (!validatecomEmail()) {
|
|
return;
|
|
}
|
|
|
|
if ($("option:selected", $("#gender")).val() == '-1') {
|
|
alert('Please Select Gender');
|
|
$('#gender').focus();
|
|
return false;
|
|
}
|
|
|
|
if ($("option:selected", $("#MartialStatus")).val() == "-1") {
|
|
alert('Please Select Martial Status');
|
|
$('#MartialStatus').focus();
|
|
return false;
|
|
}
|
|
|
|
|
|
if ($("#currentaddress").val().length < 1) {
|
|
alert('Please Enter Current Address');
|
|
return false;
|
|
}
|
|
if ($("#permanentaddress").val().length < 1) {
|
|
alert('Please Enter Permanent Address');
|
|
return false;
|
|
}
|
|
if ($("#emergencycontactname").val().length < 1) {
|
|
alert('Please Enter Emergency Contact Name');
|
|
return false;
|
|
}
|
|
if ($("#emergencycontactnumber").val().length < 1) {
|
|
alert('Please Enter Emergency Contact Number');
|
|
return false;
|
|
} else if (!getValidEmergencyNumber()) {
|
|
return false;
|
|
}
|
|
|
|
|
|
if ($("option:selected", $("#desigination")).val() == "-1") {
|
|
alert('Please Select Desigination ');
|
|
$("#desigination").focus();
|
|
return false;
|
|
}
|
|
if ($("option:selected", $("#departmentname")).val() == "-1") {
|
|
alert('Please Select Department name');
|
|
$("#departmentname").focus();
|
|
return false;
|
|
}
|
|
if ($("option:selected", $("#eduqualifaction")).val() == "-1") {
|
|
alert('Please Select Qualification');
|
|
$("#eduqualifaction").focus();
|
|
return false;
|
|
}
|
|
|
|
if ($("#referrercontno").val().length > 0) {
|
|
getValidReferNumber();
|
|
}
|
|
|
|
if ($("#passportno").val().length > 1) {
|
|
ValidatePassport();
|
|
|
|
}
|
|
|
|
|
|
}
|
|
$("#emailid").change(function() {
|
|
var emailId = $('#emailid').val();
|
|
|
|
// Validate email before proceeding
|
|
if (validateEmail()) {
|
|
$('#loader').show(); // Show loader before sending AJAX request
|
|
|
|
$.ajax({
|
|
data: {
|
|
emailId
|
|
},
|
|
type: "POST",
|
|
url: "<?php echo base_url(); ?>employeeEmailExist",
|
|
|
|
// Success callback for handling a successful response
|
|
success: function(response) {
|
|
$('#loader').hide(); // Hide the loader after a successful response
|
|
|
|
let responseCheck = response.data[0];
|
|
let responseEmail=response.data[0].EmailId;
|
|
|
|
if(responseCheck ){
|
|
if ( responseEmail == emailId) {
|
|
|
|
|
|
// Confirmation dialogue when email already exists
|
|
var answer = confirm("Employee mail Id already exists in the database. Kindly Provide us another Email id");
|
|
|
|
|
|
$('#emailid').val(''); // Clear email input if user wants to change
|
|
$('#emailid').focus(); // Set focus back to email input
|
|
|
|
} else {
|
|
$('#loader').hide(); // Hide loader if no data returned
|
|
}
|
|
}
|
|
|
|
},
|
|
|
|
// Error callback to handle any errors in the request
|
|
error: function(xhr, status, error) {
|
|
$('#loader').hide(); // Ensure the loader is hidden on error
|
|
console.log("AJAX Error: ", error); // Log the error for debugging
|
|
console.log("Response Status: ", status); // Log status
|
|
console.log("XHR Object: ", xhr); // Log full XHR object to see details
|
|
alert('An error occurred while checking the email. Please try again.'); // Alert user of the error
|
|
},
|
|
|
|
// Complete callback that always runs after the request (whether success or error)
|
|
complete: function() {
|
|
$('#loader').hide(); // Ensure the loader is always hidden after the request completes
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
$('#panno').change(function() {
|
|
|
|
var panNo = $('#panno').val();
|
|
if (validatePAN()) {
|
|
$('#loader').show();
|
|
$.ajax({
|
|
data: {
|
|
panNo
|
|
},
|
|
|
|
type: "POST",
|
|
url: "<?php echo base_url(); ?>employeePANExist",
|
|
success: function(response) {
|
|
$('#loader').hide();
|
|
|
|
let responseCheck = response.data[0];
|
|
let responsePanNo=response.data[0].PANNo;
|
|
|
|
if(responseCheck ){
|
|
if (responsePanNo == panNo) {
|
|
// alert( data+""+" Employee already exists in the database.Please Change the Pan Card Number");
|
|
// $('#panno').val('');
|
|
// $('#panno').focus();
|
|
|
|
var answer = confirm(
|
|
" Pan Number details is already exists !!.Kindly Provide us another Pan Number"
|
|
)
|
|
|
|
$('#panno').val('');
|
|
$('#panno').focus();
|
|
return false;
|
|
|
|
|
|
}
|
|
}
|
|
|
|
},
|
|
complete: function() {
|
|
$('#loader').hide(); // Ensure the loader is always hidden after the request completes
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
});
|
|
//
|
|
$('#aadharno').change(function() {
|
|
|
|
var aadharNo = $('#aadharno').val();
|
|
if (ValidateAadhar()) {
|
|
$('#loader').show();
|
|
$.ajax({
|
|
data: {
|
|
aadharNo
|
|
},
|
|
|
|
type: "POST",
|
|
url: "<?php echo base_url(); ?>employeecheckAadharNoExist",
|
|
success: function(response) {
|
|
$('#loader').hide();
|
|
|
|
|
|
let responseCheck = response.data[0];
|
|
let responseAadharNo=response.data[0].AadharNo;
|
|
|
|
|
|
//let response=response.data[0];
|
|
if(responseCheck ){
|
|
if ( responseAadharNo == aadharNo) {
|
|
|
|
|
|
var answer = confirm(
|
|
" Aadhar details is already exists !!.Kindly Change Aadhar Details"
|
|
)
|
|
|
|
$('#aadharno').val('');
|
|
$('#aadharno').focus();
|
|
return false;
|
|
|
|
|
|
}
|
|
}
|
|
|
|
},
|
|
complete: function() {
|
|
$('#loader').hide(); // Ensure the loader is always hidden after the request completes
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
$('.next').click(function(e) {
|
|
e.preventDefault(); // Prevent default action
|
|
|
|
var isValid = true;
|
|
var $currentTab = $('.tab-pane.active');
|
|
var currentIndex = $('.tab-pane').index($currentTab);
|
|
var $forms = $('.tab-pane form');
|
|
|
|
// Validate all forms before proceeding
|
|
$forms.each(function(index) {
|
|
var $form = $(this);
|
|
if (index <= currentIndex) {
|
|
// Only validate forms up to the current tab
|
|
if (!$form[0].checkValidity()) {
|
|
isValid = false;
|
|
// Show validation errors
|
|
$form.find(':submit').click();
|
|
// Move focus to the invalid form's tab
|
|
var targetTab = $form.closest('.tab-pane').attr('id');
|
|
var $targetNav = $('a[href="#' + targetTab + '"]');
|
|
if ($targetNav.length) {
|
|
$targetNav.tab('show');
|
|
}
|
|
return false; // Break the loop if any form is invalid
|
|
}
|
|
}
|
|
});
|
|
|
|
// if (!isValid) {
|
|
// console.log('Validation failed. Please fill all required fields.');
|
|
// return; // Stop the submission if validation fails
|
|
// }
|
|
|
|
// // Proceed to the next tab
|
|
// var $nextTab = $('.nav-link.active').closest('li').next().find('.nav-link');
|
|
// if ($nextTab.length) {
|
|
// $nextTab.tab('show');
|
|
// }
|
|
});
|
|
|
|
$('.submit').click(function(e) {
|
|
e.preventDefault(); // Prevent default form submission
|
|
|
|
var isValid = true;
|
|
var combinedFormData = new FormData(); // Use FormData to handle files
|
|
|
|
// List of form IDs you want to combine
|
|
var formIds = ['#accountForm', '#profileForm', '#bankForm', '#proofForm',]; // Add all your form IDs here
|
|
|
|
formIds.forEach(function(formId) {
|
|
var $form = $(formId);
|
|
|
|
// Validate the form
|
|
if (!$form[0].checkValidity()) {
|
|
isValid = false;
|
|
$form.find(':submit').click(); // Trigger the built-in HTML5 validation to show errors
|
|
return false; // Break the loop if any form is invalid
|
|
}
|
|
|
|
// Serialize and append the form data
|
|
$form.find(':input').each(function() {
|
|
var input = $(this);
|
|
if (input.attr('type') === 'file') {
|
|
// If the input is a file, append it to FormData
|
|
$.each(input[0].files, function(i, file) {
|
|
combinedFormData.append(input.attr('name'), file);
|
|
});
|
|
} else {
|
|
// Otherwise, append other form data
|
|
combinedFormData.append(input.attr('name'), input.val());
|
|
}
|
|
});
|
|
});
|
|
|
|
if (!isValid) {
|
|
|
|
alert('Validation failed. Please fill all required fields.');
|
|
return; // Stop the submission if validation fails
|
|
}
|
|
|
|
console.log('Combined Form Data:', combinedFormData); // Log the combined form data for debugging
|
|
|
|
// Now you can send the combined data via AJAX
|
|
$('#loader').show();
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '<?php echo base_url() ?>addNewEmployee', // Replace with your form submission URL
|
|
data: combinedFormData,
|
|
processData: false, // Don't process the data
|
|
contentType: false, // Don't set content type
|
|
success: function(response) {
|
|
console.log('Form submitted successfully:', response);
|
|
// Handle the success scenario
|
|
$('#loader').hide();
|
|
if (response) {
|
|
window.location.href = '<?php echo base_url("employeeListing"); ?>';
|
|
} else {
|
|
alert('Employee details Not Update...');
|
|
}
|
|
},
|
|
error: function(error) {
|
|
$('#loader').hide();
|
|
console.log('Form submission failed:', error);
|
|
// Handle the error scenario
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
|
|
// Function to navigate to the next tab
|
|
function goToNextTab() {
|
|
var $activeTab = $('#rootwizard').find('ul.nav li.nav-item a.active');
|
|
var $nextTab = $activeTab.parent().next().find('a');
|
|
|
|
if ($nextTab.length) {
|
|
$nextTab.trigger('click');
|
|
} else {
|
|
// If there are no more tabs, submit the form
|
|
$('#fileForm').submit();
|
|
}
|
|
}
|
|
|
|
// Handle form submission
|
|
$('#fileForm').on('submit', function(event) {
|
|
event.preventDefault(); // Prevent default form submission
|
|
// Your form submission logic here
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
<script>
|
|
function ifscCodeValidation(value) {
|
|
|
|
// Define the regex pattern for a valid IFSC code
|
|
const ifscPattern = /^[A-Z]{4}0[A-Z0-9]{6}$/;
|
|
|
|
// Check if the value matches the pattern
|
|
if (ifscPattern.test(value)) {
|
|
return;
|
|
} else {
|
|
alert("Invalid IFSC Code. Please enter a valid one.");
|
|
$('#ifsccode').val('');
|
|
return;
|
|
}
|
|
}
|
|
|
|
</script>
|