Loading...
Обучение/Помощь новичкам | Вывод текста под инпутом
Как сделать чтобы сообщение Name must be filled out появлялось под инпутом ?
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)
Скачиваний: 88
MARAZM , спасибо
Онлайн: 3
Время:
Gen. 0.084
(c) Bym.Guru 2010-2026