apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactoring useFormValidation and

Browse Source 
registationForCandidate, adaptive
modalRegistration and registationForCandidate
This commit is contained in:
Никита Губарь
2023-12-28 07:09:15 +03:00
parent c345bdf5ca
commit 94a13f4903
4 changed files with 111 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/hooks/useFormValidation.js
View File

@ -1,15 +1,15 @@
import { useState } from "react";
export const useFormValidation = () => {
import { apiRequest } from "@api/request";
export const useFormValidation = (
apiEndpoint,
fields,
showNotificationError,
showNotificationTrue
) => {
// Состояние формы, содержащее значения полей
const [formData, setFormData] = useState({
name: "",
summary: "",
email: "",
tg: "",
password: "",
secondPassword: ""
});
const [formData, setFormData] = useState(fields);
// Состояние ошибок валидации
const [validationErrors, setValidationErrors] = useState({});
@ -23,32 +23,41 @@ export const useFormValidation = () => {
// Функция для валидации формы
const validateForm = () => {
const errors = {};
if (formData.name.trim() === "") {
errors.name = "Имя обязательно к заполнению";
if (formData.name != undefined) {
if (formData.name.trim() === "") {
errors.name = "Имя обязательно к заполнению";
}
}
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (formData.email.trim() === "") {
errors.email = "E-mail обязателен к заполнению";
} else if (!emailRegex.test(formData.email)) {
errors.email = "Неверный адрес электронной почты";
if (formData.email != undefined) {
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (formData.email.trim() === "") {
errors.email = "E-mail обязателен к заполнению";
} else if (!emailRegex.test(formData.email)) {
errors.email = "Неверный адрес электронной почты";
}
}
if (formData.tg.trim() === "") {
errors.tg = "Telegram обязателен к заполнению";
if (formData.tg != undefined) {
if (formData.tg.trim() === "") {
errors.tg = "Telegram обязателен к заполнению";
}
}
if (formData.password.trim() === "") {
errors.password = "Пароль обязателен к заполнению";
} else if (formData.password.length < 8) {
errors.password = "Пароль должен содержать более 8 символов";
if (formData.password != undefined) {
if (formData.password.trim() === "") {
errors.password = "Пароль обязателен к заполнению";
} else if (formData.password.length < 8) {
errors.password = "Пароль должен содержать более 8 символов";
}
}
if (formData.secondPassword.trim() === "") {
errors.secondPassword = "Повторите пароль";
} else if (formData.secondPassword !== formData.password) {
errors.secondPassword = "Пароли должны совпадать";
if (formData.secondPassword != undefined) {
if (formData.secondPassword.trim() === "") {
errors.secondPassword = "Повторите пароль";
} else if (formData.secondPassword !== formData.password) {
errors.secondPassword = "Пароли должны совпадать";
}
}
setValidationErrors(errors);
@ -58,13 +67,25 @@ export const useFormValidation = () => {
};
// Функция для обработки отправки формы
const handleSubmit = (e) => {
const handleSubmit = async (e) => {
e.preventDefault();
// Проверка валидации формы
if (validateForm()) {
alert("Форма успешно отправлена!");
} else {
alert("Пожалуйста, заполните форму правильно.");
try {
const response = await apiRequest(apiEndpoint, {
method: "POST",
data: formData
});
if (!response) {
showNotificationError();
} else {
showNotificationTrue();
}
} catch (error) {
console.error("Error submitting form:", error);
}
}
};