|
|
|
|
@ -20,10 +20,223 @@ function validate_length(val, dest_len){
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
$(document).ready(function(){ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const validateEmail = (email) => { |
|
|
|
|
return email.match( |
|
|
|
|
/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ |
|
|
|
|
); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const validate = () => { |
|
|
|
|
const email = $('#email').val(); |
|
|
|
|
if(validateEmail(email)){ |
|
|
|
|
$('#email').parent().removeClass('errors-field').addClass('success-field'); |
|
|
|
|
} else{ |
|
|
|
|
$('#email').parent().removeClass('success-field').addClass('errors-field'); |
|
|
|
|
} |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
$('#email').on('input', validate); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('body').append('<div id="error_alert" class="alert alert-danger" role="alert" style="position: fixed; top: 50px; left: 10%; right: 10%; z-index: 9999; display: none;">Ошибка<br><small id="alert_error_text"></small></div>'); |
|
|
|
|
$('body').append('<div id="success_alert" class="alert alert-success" role="alert" style="position: fixed; top: 50px; left: 10%; right: 10%; z-index: 9999; display: none;">Успех<br><small id="alert_success_text"></small></div>'); |
|
|
|
|
$('#fio').on("input", function(){ |
|
|
|
|
console.log($('#fio').val()); |
|
|
|
|
$('#fio').on('input', function() { |
|
|
|
|
let input = $(this).val(); |
|
|
|
|
input = input.replace(/[^a-zA-Zа-яА-ЯёЁ ]/g, ''); |
|
|
|
|
// Разделение текста по пробелам и преобразование каждого слова
|
|
|
|
|
let words = input.split(/\s+/); // Разбиваем по пробелам
|
|
|
|
|
// Преобразуем каждое слово
|
|
|
|
|
let formattedInput = words.map(word => { |
|
|
|
|
if (word.length > 0) { |
|
|
|
|
return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); |
|
|
|
|
} |
|
|
|
|
return ''; // Если слово пустое (например, несколько пробелов), не изменяем
|
|
|
|
|
}).join(' '); // Объединяем обратно с пробелами
|
|
|
|
|
// Обновляем поле ввода с отформатированным текстом
|
|
|
|
|
$(this).val(formattedInput); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$('#email').on('input', function() { |
|
|
|
|
let input = $(this).val(); |
|
|
|
|
// Разрешаем только буквы, цифры, точки, дефисы и подчеркивания
|
|
|
|
|
input = input.replace(/[^a-zA-Z0-9._@-]/g, ''); |
|
|
|
|
// Обновляем поле ввода
|
|
|
|
|
$(this).val(input); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$('#tel').on('change', function() { |
|
|
|
|
if($(this).val().length != 16){ |
|
|
|
|
$(this).parent().removeClass('success-field').addClass('errors-field'); |
|
|
|
|
} else{ |
|
|
|
|
$(this).parent().removeClass('errors-field').addClass('success-field'); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// Проверка на дату рождения (не старше 80 лет)
|
|
|
|
|
$('#dob').on('change', function() { |
|
|
|
|
const dob = new Date($(this).val()); |
|
|
|
|
const currentDate = new Date(); |
|
|
|
|
const age = currentDate.getFullYear() - dob.getFullYear(); |
|
|
|
|
|
|
|
|
|
// Проверка на возраст (не старше 80 лет)
|
|
|
|
|
if (age > 80 || (age === 80 && (currentDate.getMonth() < dob.getMonth() || (currentDate.getMonth() === dob.getMonth() && currentDate.getDate() < dob.getDate())))) { |
|
|
|
|
// Если возраст больше 80 лет, подсвечиваем ячейку как ошибку
|
|
|
|
|
$(this).parent().removeClass('success-field').addClass('errors-field'); |
|
|
|
|
} else { |
|
|
|
|
// Если возраст нормален, подсвечиваем ячейку как успешную
|
|
|
|
|
$(this).parent().removeClass('errors-field').addClass('success-field'); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// Проверка на дату выдачи паспорта (выдан после 14, 20 или 45 лет)
|
|
|
|
|
$('#passport_date').on('change', function() { |
|
|
|
|
const passportDate = new Date($(this).val()); |
|
|
|
|
const dob = new Date($('#dob').val()); |
|
|
|
|
|
|
|
|
|
// Проверка, что дата рождения введена и корректна
|
|
|
|
|
if (!dob || isNaN(dob)) { |
|
|
|
|
// Если дата рождения не введена или неверна, показываем ошибку
|
|
|
|
|
$(this).parent().removeClass('success-field').addClass('errors-field'); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const ageAtPassportIssue = passportDate.getFullYear() - dob.getFullYear(); |
|
|
|
|
|
|
|
|
|
// Проверка на возраст, в котором может быть выдан паспорт
|
|
|
|
|
if (ageAtPassportIssue === 14 || ageAtPassportIssue === 20 || ageAtPassportIssue === 45) { |
|
|
|
|
// Если возраст при выдаче паспорта соответствует требованиям, подсвечиваем ячейку как успешную
|
|
|
|
|
$(this).parent().removeClass('errors-field').addClass('success-field'); |
|
|
|
|
} else { |
|
|
|
|
// Если возраст не соответствует, показываем ошибку
|
|
|
|
|
$(this).parent().removeClass('success-field').addClass('errors-field'); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$("#passport").attr('maxlength','12'); |
|
|
|
|
|
|
|
|
|
$('#passport').on('input', function() { |
|
|
|
|
let input = $(this).val(); |
|
|
|
|
// Удаляем все символы, кроме цифр и пробелов
|
|
|
|
|
input = input.replace(/\D/g, ''); |
|
|
|
|
|
|
|
|
|
// Форматируем ввод в "00 00 000000" с пробелами
|
|
|
|
|
if (input.length > 2 && input.length <= 4) { |
|
|
|
|
input = input.replace(/(\d{2})(\d{0,2})/, '$1 $2'); |
|
|
|
|
} else if (input.length > 4 && input.length <= 10) { |
|
|
|
|
input = input.replace(/(\d{2})(\d{2})(\d{0,6})/, '$1 $2 $3'); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// Ограничиваем длину до "00 00 000000"
|
|
|
|
|
if (input.length > 12) { |
|
|
|
|
input = input.slice(0, 12); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// Обновляем поле ввода
|
|
|
|
|
$(this).val(input); |
|
|
|
|
|
|
|
|
|
// Проверка на минимальную длину (не менее 11 символов)
|
|
|
|
|
if (input.length < 12) { |
|
|
|
|
// Если введено меньше цифр, показываем ошибку
|
|
|
|
|
$(this).parent().removeClass('success-field').addClass('errors-field'); |
|
|
|
|
} else { |
|
|
|
|
// Если введено достаточно цифр, показываем успех
|
|
|
|
|
$(this).parent().removeClass('errors-field').addClass('success-field'); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#postal_code').on('input', function() { |
|
|
|
|
let input = $(this).val(); |
|
|
|
|
// Удаляем все символы, кроме цифр
|
|
|
|
|
input = input.replace(/\D/g, ''); |
|
|
|
|
// Форматируем ввод в "000-000" только при наличии 4 и более цифр
|
|
|
|
|
if (input.length > 3) { |
|
|
|
|
input = input.replace(/(\d{3})(\d{0,3})/, '$1-$2'); |
|
|
|
|
} |
|
|
|
|
// Ограничиваем длину до "000-000"
|
|
|
|
|
if (input.length > 7) { |
|
|
|
|
input = input.slice(0, 7); |
|
|
|
|
} |
|
|
|
|
// Обновляем поле ввода
|
|
|
|
|
$(this).val(input); |
|
|
|
|
|
|
|
|
|
// Проверка на минимальную длину (не менее 11 символов)
|
|
|
|
|
if (input.length < 7) { |
|
|
|
|
// Если введено меньше цифр, показываем ошибку
|
|
|
|
|
$(this).parent().removeClass('success-field').addClass('errors-field'); |
|
|
|
|
} else { |
|
|
|
|
// Если введено достаточно цифр, показываем успех
|
|
|
|
|
$(this).parent().removeClass('errors-field').addClass('success-field'); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$('#passport_issued_by').select2({ |
|
|
|
|
theme: 'bootstrap-5' |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$("#postal_code").change(function(){ |
|
|
|
|
$('#passport_issued_by').empty(); |
|
|
|
|
$('#passport_issued_by').append('<option disabled="" selected="">Кем выдан паспорт</option>') |
|
|
|
|
for(i in UFMS_list[$(this).val()]) |
|
|
|
|
{ |
|
|
|
|
item = UFMS_list[$(this).val()][i]; |
|
|
|
|
$('#passport_issued_by').append('<option>'+item+'</option>'); |
|
|
|
|
} |
|
|
|
|
// $('#passport_issued_by').select2("change");
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#snils').on('input', function() { |
|
|
|
|
let input = $(this).val(); |
|
|
|
|
// Удаляем все символы, кроме цифр
|
|
|
|
|
input = input.replace(/\D/g, ''); |
|
|
|
|
|
|
|
|
|
// Форматируем ввод в "000-000-000-00" только после 3, 6, 9 цифр
|
|
|
|
|
if (input.length > 3 && input.length <= 6) { |
|
|
|
|
input = input.replace(/(\d{3})(\d{0,3})/, '$1-$2'); |
|
|
|
|
} else if (input.length > 6 && input.length <= 9) { |
|
|
|
|
input = input.replace(/(\d{3})(\d{3})(\d{0,3})/, '$1-$2-$3'); |
|
|
|
|
} else if (input.length > 9) { |
|
|
|
|
input = input.replace(/(\d{3})(\d{3})(\d{3})(\d{0,2})/, '$1-$2-$3-$4'); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// Ограничиваем длину до "000-000-000-00"
|
|
|
|
|
if (input.length > 14) { |
|
|
|
|
input = input.slice(0, 14); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// Обновляем поле ввода
|
|
|
|
|
$(this).val(input); |
|
|
|
|
if (input.length < 14) { |
|
|
|
|
// Если введено меньше цифр, показываем ошибку
|
|
|
|
|
$(this).parent().removeClass('success-field').addClass('errors-field'); |
|
|
|
|
} else { |
|
|
|
|
// Если введено достаточно цифр, показываем успех
|
|
|
|
|
$(this).parent().removeClass('errors-field').addClass('success-field'); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$("#inn").attr('maxlength','12'); |
|
|
|
|
$('#inn').on('input', function() { |
|
|
|
|
let input = $(this).val(); |
|
|
|
|
// Убираем все символы, кроме цифр
|
|
|
|
|
input = input.replace(/\D/g, ''); |
|
|
|
|
// Ограничиваем длину до 12 символов
|
|
|
|
|
if (input.length > 12) { |
|
|
|
|
input = input.slice(0, 12); |
|
|
|
|
} |
|
|
|
|
// Обновляем значение в поле ввода
|
|
|
|
|
$(this).val(input); |
|
|
|
|
if (input.length < 12) { |
|
|
|
|
// Если введено меньше цифр, показываем ошибку
|
|
|
|
|
$(this).parent().removeClass('success-field').addClass('errors-field'); |
|
|
|
|
} else { |
|
|
|
|
// Если введено достаточно цифр, показываем успех
|
|
|
|
|
$(this).parent().removeClass('errors-field').addClass('success-field'); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$("#form_submit").click(function(){ |
|
|
|
|
@ -31,7 +244,6 @@ $(document).ready(function(){
|
|
|
|
|
$(this).attr("disabled", true); |
|
|
|
|
message = {} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(!(validate_length($('#fio').val(), 3))) |
|
|
|
|
{ |
|
|
|
|
show_error('Введите ФИО', false); |
|
|
|
|
@ -40,10 +252,96 @@ $(document).ready(function(){
|
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!(validate_length($('#tel').val(), 16))) |
|
|
|
|
{ |
|
|
|
|
show_error('Введите Телефон', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if ($('#dob').val().length !== 10 || new Date().getFullYear() - new Date($('#dob').val()).getFullYear() > 80) { |
|
|
|
|
show_error('Дата рождения должна быть корректной и возраст не более 80 лет', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!(validateEmail($('#email').val()))){ |
|
|
|
|
show_error('Введите корректный Email', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!(validate_length($('#passport').val(), 12))) |
|
|
|
|
{ |
|
|
|
|
show_error('Введите серию и номер паспорта', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if ($('#passport_date').val().length !== 10 || ![14, 20, 45].includes(new Date($('#passport_date').val()).getFullYear() - new Date($('#dob').val()).getFullYear())) { |
|
|
|
|
show_error('Дата выдачи паспорта должна быть в 14, 20 или 45 лет', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!(validate_length($('#postal_code').val(), 7))) |
|
|
|
|
{ |
|
|
|
|
show_error('Введите код подразделения', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if($('#passport_issued_by').val() == null){ |
|
|
|
|
show_error("Выберите кем выдан паспорт"); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!(validate_length($('#address').val(), 3))) |
|
|
|
|
{ |
|
|
|
|
show_error('Введите адрес регистрации', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!(validate_length($('#residential_address').val(), 3))) |
|
|
|
|
{ |
|
|
|
|
show_error('Введите адрес проживания', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!(validate_length($('#snils').val(), 14))) |
|
|
|
|
{ |
|
|
|
|
show_error('Введите СНИЛС', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!(validate_length($('#inn').val(), 12))) |
|
|
|
|
{ |
|
|
|
|
show_error('Введите ИНН', false); |
|
|
|
|
$(this).children(".spinner-border").addClass('d-none'); |
|
|
|
|
$(this).removeAttr("disabled"); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$.each($('.tg_input'), function(e) { |
|
|
|
|
message[$(this).prop("id")] = $(this).val(); |
|
|
|
|
}); |
|
|
|
|
console.log(message); |
|
|
|
|
$.ajax({ |
|
|
|
|
type: "post", |
|
|
|
|
url: "/form_submit", |
|
|
|
|
@ -64,4 +362,83 @@ $(document).ready(function(){
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// $('.alert-placeholder').mouseenter(function(){
|
|
|
|
|
// var popOverSettings = {
|
|
|
|
|
// placement: 'bottom',
|
|
|
|
|
// content: $(this).data('content'),
|
|
|
|
|
// trigger: 'hover',
|
|
|
|
|
// container: this,
|
|
|
|
|
// offset: '0'
|
|
|
|
|
// }
|
|
|
|
|
// $(this).popover(popOverSettings);
|
|
|
|
|
// $(this).popover('show');
|
|
|
|
|
// $('.popover').addClass('alert-popover');
|
|
|
|
|
// });
|
|
|
|
|
// $('.alert-placeholder').mouseleave(function(){
|
|
|
|
|
// $('.alert-popover').remove()
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let phoneStr = ''; |
|
|
|
|
let formattedStr = ''; |
|
|
|
|
let deleteMode = false; |
|
|
|
|
const phoneInput = document.querySelector('#tel'); |
|
|
|
|
const defaultFormat = '+7({0}{1}{2}){3}{4}{5}-{6}{7}-{8}{9}'; |
|
|
|
|
phoneInput.value = formatPhoneString(); |
|
|
|
|
|
|
|
|
|
phoneInput.addEventListener('keydown', (e) => { |
|
|
|
|
if (e.key === 'Backspace') |
|
|
|
|
deleteMode = true; |
|
|
|
|
else |
|
|
|
|
deleteMode = false; |
|
|
|
|
}); |
|
|
|
|
7 |
|
|
|
|
phoneInput.addEventListener('input', (e) => { |
|
|
|
|
if (deleteMode) { |
|
|
|
|
phoneInput.value = phoneInput.value; |
|
|
|
|
phoneStr = parsePhoneString(phoneInput.value.replace("+7", "").replace("-", "")); |
|
|
|
|
} else { |
|
|
|
|
if (e.inputType == 'insertText' && !isNaN(parseInt(e.data))) { |
|
|
|
|
if (phoneStr.length <= 9) |
|
|
|
|
phoneStr += e.data; |
|
|
|
|
} |
|
|
|
|
phoneInput.value = formatPhoneString(); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
function formatPhoneString() { |
|
|
|
|
let strArr = phoneStr.split(''); |
|
|
|
|
formattedStr = defaultFormat; |
|
|
|
|
for (let i = 0; i < strArr.length; i++) { |
|
|
|
|
formattedStr = formattedStr.replace(`{${i}}`, strArr[i]); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (formattedStr.indexOf('{') === -1) |
|
|
|
|
{ |
|
|
|
|
return formattedStr; |
|
|
|
|
} |
|
|
|
|
else |
|
|
|
|
{ |
|
|
|
|
return formattedStr.substring(0, formattedStr.indexOf('{')); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function parsePhoneString(str) { |
|
|
|
|
return str.replace(' ', '').replace('(', '').replace(')', '').replace('-', ''); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
