Возникла проблема с проверкой формы JavascriptCSS

Разбираемся в CSS
Ответить
Anonymous
 Возникла проблема с проверкой формы Javascript

Сообщение Anonymous »

Проблема: перенаправление не работает после отправки формы
Я работаю над регистрационной формой в HTML, где пользователи могут вводить свои данные и отправлять их. После отправки и проверки формы я хочу, чтобы пользователь был перенаправлен на home.html. Однако вместо перенаправления я получаю пустую страницу. Кажется, форма отправляется правильно, и я получаю сообщение об успехе, но перенаправление не происходит должным образом. Я использую JavaScript для проверки и перенаправления.
Я создал страницу Register.html для формы регистрации в своем приложении. Форма корректно отображается в браузере, и я реализовал для формы метод проверки. После отправки формы я успешно создаю учетную запись на сайте и вижу сообщение об успешной аутентификации. Однако меня перенаправляют на пустую страницу, а не на home.html, хотя я добавил следующий код для перенаправления:
window.location.href = "home.html";.
Я проверил правильность пути к файлу home.html и отсутствие ошибок в консоли браузера.
Расширенная проблема переполнения стека:
Я работаю над регистрацией форма на HTML-странице (регистр.html). У меня есть форма для регистрации пользователя, и как только форма будет успешно отправлена ​​(после проверки), я хочу перенаправить пользователя на страницу home.html, которая является домашней страницей моего приложения.
Я использовал код JavaScript window.location.href = "home.html"; для обработки перенаправления. Когда пользователь отправляет форму, появляется сообщение об успешной регистрации или аутентификации, но вместо перенаправления на домашнюю страницу (home.html) браузер остается на пустой странице.
Вот то, что я уже проверил:
Правильный путь:
Я проверил, что путь к home.html правильный, и файл находится в том же каталоге, что и Register.html.
Нет ошибок в консоли:
В консоли браузера ошибок нет. Я проверил консоль и подтвердил, что нет проблем, которые могли бы помешать запуску JavaScript.
Метод проверки:
Я использую функцию JavaScript для проверки формы, которая запускается событие отправки. Функция работает правильно, и при отправке формы появляется сообщение, подтверждающее успешную регистрацию.
Вот HTML-форма, которую я использую:


First Name


Last Name


Email


Phone


Password


Confirm Password




function validateForm(event) {
var firstName = document.getElementById("nume").value;
var lastName = document.getElementById("prenume").value;
var email = document.getElementById("email").value;
var password = document.getElementById("pass").value;
var phone = document.getElementById("tel").value;
var confirmPassword = document.getElementById("confirmpass").value;

const phoneRegex = /^07\d{8}$/;
const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{6,}$/;

const messages = [];

if (firstName == "" || lastName == "" || email == "" || password == "" || phone == "" || confirmPassword == "") {
messages.push("All fields are mandatory.");
return false;
}

// Other validation checks go here...

alert("Authentication successful!");
window.location.href = "home.html"; // Redirecting the user
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... validation
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»