|
|
|
@ -27,12 +27,7 @@ |
|
|
|
</head> |
|
|
|
|
|
|
|
<body> |
|
|
|
<!-- Preloader --> |
|
|
|
<div id="preloader"> |
|
|
|
<div data-loader="dual-ring"></div> |
|
|
|
</div> |
|
|
|
<!-- Preloader End --> |
|
|
|
<!-- Document Wrapper --> |
|
|
|
|
|
|
|
|
|
|
|
<div id="main-wrapper"> |
|
|
|
<header id="header"> |
|
|
|
@ -102,19 +97,35 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="mb-4"> |
|
|
|
<div class="form-floating"> |
|
|
|
<input type="password" class="form-control" id="floatingPassword" placeholder="Password" asp-for="password"> |
|
|
|
<label for="floatingPassword">Password</label> |
|
|
|
|
|
|
|
|
|
|
|
<input type="password" class="form-control" asp-for="Password"> |
|
|
|
<span id="password-validation" class="text-danger"></span> |
|
|
|
<label asp-for="Password"></label> |
|
|
|
@* |
|
|
|
<input type="password" class="form-control" asp:RegularExpressionValidator asp-for="Password" runat="server" ErrorMessage="Invalid Password Charecters" |
|
|
|
ValidationExpression="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8}$" ControlToValidate="txtPassword" ForeColor="Red"> |
|
|
|
<span asp-validation-for="@Model.Password" class="error"></span> *@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="mb-4"> |
|
|
|
<div class="form-floating"> |
|
|
|
<input type="password" class="form-control" id="ConfirmPassword" placeholder="Password" asp-for="password"> |
|
|
|
<label for="ConfirmPassword">Re-Type Password</label> |
|
|
|
|
|
|
|
<input type="password" class="form-control" asp-for="ConfirmPassword" > |
|
|
|
<span id="confirm-password-validation" class="text-danger"></span> |
|
|
|
<label asp-for="ConfirmPassword"></label> |
|
|
|
|
|
|
|
@* <input type="password" class="form-control" asp:RegularExpressionValidator asp-for="ConfirmPassword" runat="server" ErrorMessage="Invalid Password Charecters" |
|
|
|
ValidationExpression="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8}$" ControlToValidate="txtPassword" ForeColor="Red"> |
|
|
|
<span asp-validation-for="@Model.ConfirmPassword" class="error"></span> |
|
|
|
<label for="ConfirmPassword">Re-Type Password</label> *@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -154,7 +165,8 @@ |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="mb-4"> |
|
|
|
<div class="form-floating"> |
|
|
|
<input type="password" class="form-control" id="floatingPassword" placeholder="Password" asp-for="password"> |
|
|
|
<input type="password" class="form-control" asp-for="Password"> |
|
|
|
<span id="confirm-password-validation" class="text-danger"></span> |
|
|
|
<label for="floatingPassword">Password</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -475,27 +487,94 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</footer> |
|
|
|
<!-- Content end --> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- Content end --> |
|
|
|
|
|
|
|
<script src="vendor/jquery/jquery.min.js"></script> |
|
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> |
|
|
|
<script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script> |
|
|
|
|
|
|
|
<script src="vendor/datepicker/datepicker.min.js"></script> |
|
|
|
<script src="vendor/datepicker/datepicker.en.js"></script> |
|
|
|
<!-- custom --> |
|
|
|
<script src="js/script.js"></script> |
|
|
|
<script type="text/javascript"> |
|
|
|
loadDatePicker(); |
|
|
|
</script> |
|
|
|
<a id="back-to-top" data-bs-toggle="tooltip" title="Back to Top" href="javascript:void(0)"><i class="fa fa-chevron-up"></i></a> |
|
|
|
<!-- Video Modal |
|
|
|
============================================= --> |
|
|
|
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog"> |
|
|
|
<div class="modal-dialog modal-lg modal-dialog-centered" role="document"> |
|
|
|
<div class="modal-content bg-transparent border-0"> |
|
|
|
<button type="button" class="btn-close btn-close-white ms-auto me-n3" data-bs-dismiss="modal" aria-label="Close"></button> |
|
|
|
<div class="modal-body p-0"> |
|
|
|
<div class="ratio ratio-16x9"> |
|
|
|
<iframe id="video" src="" allow="autoplay;" allowfullscreen></iframe> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<script src="~/vendor/jquery/jquery.min.js"></script> |
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.js"></script> |
|
|
|
<script src="~/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> |
|
|
|
<script src="~/vendor/bootstrap-select/js/bootstrap-select.min.js"></script> |
|
|
|
<script src="~/vendor/owl.carousel/owl.carousel.min.js"></script> |
|
|
|
<script src="~/js/script.js"></script> |
|
|
|
<script src="~/vendor/toast-alert/izitoast.min.js"></script> |
|
|
|
<script src="~/js/register-validation.js"></script> |
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// $(document).ready(function () { |
|
|
|
// $('#Customer-form').submit(function (e) { |
|
|
|
// e.preventDefault(); // Prevent form submission for now |
|
|
|
// validatePasswords(); |
|
|
|
// }); |
|
|
|
|
|
|
|
// $('#password, #confirmPassword').on('keyup', function () { |
|
|
|
// validatePasswords(); |
|
|
|
// }); |
|
|
|
|
|
|
|
// function validatePasswords() { |
|
|
|
// var password = $('#password').val(); |
|
|
|
// var confirmPassword = $('#confirmPassword').val(); |
|
|
|
|
|
|
|
// if (password !== confirmPassword) { |
|
|
|
// $('#confirmPassword').get(0).setCustomValidity('Passwords do not match'); |
|
|
|
// } else { |
|
|
|
// $('#confirmPassword').get(0).setCustomValidity(''); |
|
|
|
// } |
|
|
|
// } |
|
|
|
// }); |
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function () { |
|
|
|
// Select the password and confirmPassword input fields |
|
|
|
var passwordField = $("#Password"); |
|
|
|
var confirmPasswordField = $("#ConfirmPassword"); |
|
|
|
|
|
|
|
// Select the password and confirmPassword validation elements |
|
|
|
var passwordValidation = $("#password-validation"); |
|
|
|
var confirmPasswordValidation = $("#confirm-password-validation"); |
|
|
|
|
|
|
|
// Password regex: Minimum 8 characters, at least one uppercase letter, one lowercase letter, and one number |
|
|
|
var passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[A-Za-z\d@('@')$#!%*?&]{8,}$/; |
|
|
|
|
|
|
|
// Add event handlers to the password and confirmPassword fields |
|
|
|
passwordField.on("keyup", function () { |
|
|
|
var password = passwordField.val(); |
|
|
|
|
|
|
|
if (passwordRegex.test(password)) { |
|
|
|
passwordValidation.text("Valid password").css("color", "green"); |
|
|
|
} else { |
|
|
|
passwordValidation.text("Invalid password").css("color", "red"); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
confirmPasswordField.on("keyup", function () { |
|
|
|
var password = passwordField.val(); |
|
|
|
var confirmPassword = confirmPasswordField.val(); |
|
|
|
|
|
|
|
if (password === confirmPassword) { |
|
|
|
confirmPasswordValidation.text("Passwords match").css("color", "green"); |
|
|
|
} else { |
|
|
|
confirmPasswordValidation.text("Passwords do not match").css("color", "red"); |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
(function () { |
|
|
|
@ -532,6 +611,8 @@ |
|
|
|
let email = $('#email').val(); |
|
|
|
let country = $('#country').val(); |
|
|
|
let firstName = $('#firstName').val(); |
|
|
|
let Password = $('#Password').val(); |
|
|
|
let ConfirmPassword = $('#ConfirmPassword').val(); |
|
|
|
let middleName = $('#middleName').val(); |
|
|
|
let lastName1 = $('#lastName1').val(); |
|
|
|
let idType = $('#idType').val(); |
|
|
|
@ -542,7 +623,7 @@ |
|
|
|
let mobile = $('#mobile').val(); |
|
|
|
let telNo = $('#telNo').val(); |
|
|
|
let occupation = $('#occupation').val(); |
|
|
|
let password = $('#password').val(); |
|
|
|
let customerPassword = $('#customerPassword').val(); |
|
|
|
|
|
|
|
|
|
|
|
let address = $('#address').val(); |
|
|
|
@ -569,7 +650,9 @@ |
|
|
|
address: address, |
|
|
|
idIssueDate: idIssueDate, |
|
|
|
idExpiryDate: idExpiryDate, |
|
|
|
password: password, |
|
|
|
Password: Password, |
|
|
|
ConfirmPassword: ConfirmPassword, |
|
|
|
customerPassword: customerPassword, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
