function show_error(message){ $('#error_alert').slideDown(500); $('#success_alert').hide(); $('#error_alert').delay(5000).slideUp(); $('#alert_error_text').empty(); if (message) $('#alert_error_text').append(message) } function show_success(message){ $('#success_alert').slideDown(500); $('#success_alert').delay(5000).slideUp(); $('#alert_success_text').empty(); if (message) $('#alert_success_text').append(message); } function validate_length(val, dest_len){ if(val.length < dest_len){ return false; } return true; } $(document).ready(function(){ $("#postal_code").change(function(){ $('#passport_issued_by').empty(); $('#passport_issued_by').append('') for(i in UFMS_list[$(this).val()]) { item = UFMS_list[$(this).val()][i]; $('#passport_issued_by').append(''); } // $('#passport_issued_by').select2("change"); }); $("#select-all").on("click", function() { $("input[name='god_zapros']").prop("checked", true); }); 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); $('#email').on('input', function() { let input = $(this).val(); // Разрешаем только буквы, цифры, точки, дефисы и подчеркивания input = input.replace(/[^a-zA-Z0-9._@-]/g, ''); // Обновляем поле ввода $(this).val(input); }); $('body').append(''); $('body').append(''); $('#fio').on('input', function () { let input = $(this).val(); // Убираем все лишние символы, кроме букв и пробелов input = input.replace(/[^a-zA-Zа-яА-ЯёЁ ]/g, ''); // Преобразуем каждое слово, чтобы оно начиналось с заглавной буквы let formattedInput = input.split(' ').map(word => { if (word.length > 0) { return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); } return ''; // Пустые слова не трогаем }).join(' '); // Объединяем обратно с пробелами // Обновляем поле ввода с отформатированным текстом $(this).val(formattedInput); // Проверяем количество слов let words = formattedInput.trim().split(/\s+/); // Убираем лишние пробелы if (words.length < 3 || words.some(word => word.length < 2)) { $(this).parent().removeClass('success-field').addClass('errors-field'); // Подсветить поле } else { $(this).parent().removeClass('errors-field').addClass('success-field'); // Убрать подсветку } }); $('#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 > 100 || (age === 100 && (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'); } }); $('#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').on('input', function() { let input = $(this).val(); // Удаляем все символы, кроме цифр input = input.replace(/\D/g, ''); // Форматируем ввод в "000-000" только при наличии 4 и более цифр if (input.length > 4) { input = input.replace(/(\d{4})(\d{0,4})/, '$1 $2'); } // Ограничиваем длину до "000-000" if (input.length > 11) { input = input.slice(0, 11); } // Обновляем поле ввода $(this).val(input); // Проверка на минимальную длину (не менее 11 символов) if (input.length < 11) { // Если введено меньше цифр, показываем ошибку $(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'); } }); $('#passport_date').on('change', function() { const dob = new Date($(this).val()); const currentDate = new Date(); const age = currentDate.getFullYear() - dob.getFullYear(); // Проверка на возраст (не старше 80 лет) if (age > 100 || (age === 100 && (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'); } }); // function verification(){ // $("#form_submit").children(".spinner-border").removeClass('d-none'); // $("#form_submit").attr("disabled", true); // message = {} // if(!(validate_length($('#fio').val(), 3))) // { // show_error('Введите ФИО', false); // $("#form_submit").children(".spinner-border").addClass('d-none'); // $("#form_submit").removeAttr("disabled"); // return; // } // // if(!(validate_length($('#tel').val(), 16))) // { // show_error('Введите Телефон', false); // $("#form_submit").children(".spinner-border").addClass('d-none'); // $("#form_submit").removeAttr("disabled"); // return; // } // // if ($('#dob').val().length !== 10 || new Date().getFullYear() - new Date($('#dob').val()).getFullYear() > 100) { // show_error('Дата рождения должна быть корректной и возраст не более 80 лет', false); // $("#form_submit").children(".spinner-border").addClass('d-none'); // $("#form_submit").removeAttr("disabled"); // return; // } // // if ($('#dob').val().length !== 10 || new Date().getFullYear() < new Date($('#dob').val()).getFullYear()) { // show_error('Проверьте дату ввода, вы указали дату больше чем сегодняшняя дата', false); // $("#form_submit").children(".spinner-border").addClass('d-none'); // $("#form_submit").removeAttr("disabled"); // return; // } function verification(){ $("#form_submit").children(".spinner-border").removeClass('d-none'); $("#form_submit").attr("disabled", true); let message = {}; $('.tg_input').each(function() { message[$(this).attr("id")] = $(this).val(); }); show_success("Ваши данные отправлены на проверку."); $.ajax({ type: "POST", url: "/request_patient", contentType: "application/json", // <-- Указываем JSON data: JSON.stringify(message), // <-- Преобразуем объект в JSON success: function(data) { console.log(data); if (data.success) { $('.primary-field').hide(); $('.verification').show(); $('#fio').val(data.fio); $('#fio').prop('readonly', true); $('#dob').val(data.js_formatted_birthdate); $('#dob').prop('readonly', true); $('#passport').val(data.pct_doc_ser + ' ' + data.pct_doc_nom); $('#passport_date').val(data.formatted_passport_date); $('#postal_code').val(data.pct_doc_org_kod); for(i in UFMS_list[data.pct_doc_org_kod]) { item = UFMS_list[data.pct_doc_org_kod][i]; console.log(item.toLowerCase()) console.log(data.pct_doc_org_name.toLowerCase()) console.log(item.toLowerCase()==data.pct_doc_org_name.toLowerCase()) if(item.toLowerCase()==data.pct_doc_org_name.toLowerCase()) { $('#passport_issued_by').append(''); } else{ $('#passport_issued_by').append(''); } } $('#inn').val(data.pct_inn); $('#email').val(data.pct_email); } else { show_error(data.error); } $("#form_submit").children(".spinner-border").addClass('d-none'); $("#form_submit").removeAttr("disabled"); }, error: function(jqXHR) { show_error('Что-то пошло не так'); $("#form_submit").children(".spinner-border").addClass('d-none'); $("#form_submit").removeAttr("disabled"); } }); } $("#form_submit").click(function(){ // show_success("Hello
world"); verification(); }); $("#code_submit").click(function(){ $(this).children(".spinner-border").removeClass('d-none'); $(this).attr("disabled", true); message = {} if(!(validate_length($('#fio').val(), 3))) { show_error('Введите ФИО', 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 ($('#dob').val().length !== 10 || new Date().getFullYear() - new Date($('#dob').val()).getFullYear() > 100) { show_error('Дата рождения должна быть корректной и возраст не более 80 лет', false); $(this).children(".spinner-border").addClass('d-none'); $(this).removeAttr("disabled"); return; } if ($('#passport_date').val().length !== 10 || (new Date($('#passport_date').val()).getFullYear() - new Date($('#dob').val()).getFullYear()) < 13) { show_error('Проверьте дату выдачи паспорта, паспорт РФ может быть выдан с 14 лет', 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(!(validate_length($('#passport').val(), 11))) { 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($('#inn').val(), 12))) { show_error('Введите ИНН', false); $(this).children(".spinner-border").addClass('d-none'); $(this).removeAttr("disabled"); return; } // Добавление значений с чекбоксов (годы) let selectedYears = []; $("input[name='god_zapros']:checked").each(function() { selectedYears.push($(this).val()); }); if (selectedYears.length > 0) { message['selected_years'] = selectedYears; } $.each($('.tg_input'), function(e) { message[$(this).prop("id")] = $(this).val(); }); $.ajax({ type: "post", url: "/sending_patient", processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType async: true, data: JSON.stringify(message), success: (data) => { if(data.success==true){ $('.primary-field').hide(); $('.verification').hide(); $('.success_window').show(); } else{ show_error(data.error); $(this).children(".spinner-border").addClass('d-none'); $(this).removeAttr("disabled"); } }, error:function (jqXHR, exception) { $(this).children(".spinner-border").addClass('d-none'); $(this).removeAttr("disabled"); show_error('Что-то пошло не так', false) } }); }); // $('.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; // }); // // 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('-', ''); } });