Venkatesh K H Ответов: 1

Как сделать проверку HTML-страницы входа в систему с помощью javascript ?

Привет всем, я новичок в кодировании.
Я разработал страницу входа в систему с использованием html. Я пытался проверить электронную почту и пароль с помощью JavaScript. На самом деле, моя проблема заключается в том, что когда мы вводим адрес электронной почты и пароль, если эти учетные данные не совпадают, он должен показать сообщение об ошибке ниже адреса электронной почты или пароля, например "неверный адрес электронной почты или пароль, который вы ввели". Примечание: Я не хочу всплывающего сообщения.
Для этого мне нужен клиентский код.

Что я уже пробовал:

Я пробовал использовать JavaScript-код,но получаю только проверку шаблонов паролей электронной почты.

1 Ответов

Рейтинг:
0

Peter Leow

Вы можете использовать тег span в качестве заполнителя для программного отображения сообщения. Смотрите пример:

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
    var x = document.forms["form1"]["fname"].value;
    if (x == null || x == "") {
        // fill out the placeholder with a message
        document.getElementById("errorMsg").innerHTML = "*Name must be filled out";
        return false;
    }
}
</script>
</head>
<body>
<form name="form1" onsubmit="return validateForm()">
  Name: <input type="text" name="fname">
  <br>
  <!-- placeholder -->
  <span id="errorMsg" style="color:red"></span>
  <br>
  <input type="submit" value="Submit">
</form>
</body>
</html>

Venkatesh K H

- Да, спасибо.
Если учетные данные не совпадают при нажатии кнопки входа в систему, он должен перенаправиться на ту же страницу и показать сообщение об ошибке рядом с электронной почтой или паролем, то есть недействительный адрес электронной почты или passwod. Мне нужен код для проблема, ничего страшного.

Peter Leow

Я показал вам "как ловить рыбу", теперь вам нужно закатать рукав и попробовать это самостоятельно.