Как проверить наличие пустых полей и вернуться к форме с введенными данными

Я использую EJS для создания шаблонов в моем проекте Node. Я создал форму с более чем 30 полями. При отправке я проверяю наличие пустых и обязательных полей формы и возвращаюсь к форме, если обнаруживаю пустые. Я хочу сохранить данные других полей формы, введенные пользователем, чтобы им не приходилось вводить все заново с самого начала. Вот как выглядит мой код, и я не добавил сюда все имена полей, чтобы сэкономить время на его прочтение.

const register = (req, res) => {
    const firstname = req.body.firstname;
    const lastname = req.body.lastname;
    const fullname = req.body.fullname;
    const nic = req.body.nic;
    const gender = req.body.gender;
    const dob = req.body.dob;
    const age = req.body.age;
    if (!firstname || !lastname || !nic) return res.redirect('/users/register');
}

Я новичок в кодировании и stackoverflow, поэтому, пожалуйста, помогите мне решить эту проблему. Спасибо заранее.... Извините за мой недостаточно хороший английский

Кстати, я бы отправил объект объекту на стороне сервера, а не работал с отдельными полями и значениями. Если бы вы наверняка сократили многое из того, что вы делаете с отображением вещей. Также упростило бы выполнение проверок в этих полях.

Chris 02.04.2021 04:36
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
35
1

Ответы 1

Просто добавьте onkeydown к входам и проверьте, пуст ли вход. Если это так, предупредите пользователя, в противном случае продолжите. Вот код:

<input type = "text" id = "input" onkeydown = "myFunction()">
<script>
function myFunction(){
var a = document.getElementById('input').value;
if (a == ""){
alert("Please enter something"); 
}
else{
// code...
}
</script>

Никогда не доверяйте проверке и проверке формы на стороне клиента

Masood 02.04.2021 17:47

@ Масуд, я не вижу в этом ничего плохого. Еще опаснее делать это на стороне сервера, поскольку люди могут использовать SQL-код для удаления / удаления данных.

Toby Harnish 02.04.2021 18:55

Дорогой, вы можете легко отключить эту функцию проверки в инструментах разработчика браузера.

Masood 02.04.2021 22:26

@Masood, просто добавьте тег <noscript>, чтобы выдавать сообщение, если пользователь отключит JavaScript.

Toby Harnish 03.04.2021 22:33

Другие вопросы по теме