Обучение/Помощь новичкам | Вывод текста под инпутом
Тема закрыта by
SNEG
Как сделать чтобы сообщение Name must be filled out появлялось под инпутом ?
________
посл. ред. 28.12.2023 в 22:26; всего 2 раз(а); by SNEG
html
<script> function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == "") { alert("Name must be filled out"); return false; } } </script> <form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post" required> Name: <input type="text" name="fname"> <input type="submit" value="Submit"> </form> ________
посл. ред. 28.12.2023 в 22:26; всего 2 раз(а); by SNEG
Пробуй
html
<script> function validateForm() { var x = document.forms["myForm"]["fname"].value; var errorSpan = document.getElementById("error-message"); if (x == "") { errorSpan.innerHTML = "Name must be filled out"; return false; } else { errorSpan.innerHTML = ""; // Очищаем сообщение об ошибке, если поле заполнено return true; } } </script> <form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post" required> Name: <input type="text" name="fname"> <span id="error-message" style="color: red;"></span> <!-- Элемент для отображения сообщения об ошибке --> <br> <input type="submit" value="Submit"> </form>
Задай стили или <br> поставь и будет тебе счастье
------
87003_Screenshot_3.png (29.5 Kb)
Скачиваний: 92
------
Скачиваний: 92
