Как сделать всплывающее предупреждение, когда есть текстовые поля, которые необходимо заполнить?

Question

Как сделать всплывающее предупреждение, когда есть текстовые поля, которые необходимо заполнить?

0

У меня есть форма, которая добавляет информацию о клиенте. Я просто хотел бы знать, как сделать всплывающее окно с предупреждением, которое предупреждает пользователя о том, что он/она забыл заполнить важное текстовое поле. Я плохо разбираюсь в HTML или JavaScript, поэтому мне нужна помощь в этом.

user3418987 14 март 2014, в 09:42

Источник

Теги:

html

popup

alert

pop-up

3 ответа

Ещё вопросы

inf3ction · Answer 1 · 2014-03-14T07-46-00.000Z

Просто как ад :)

Просто используйте параметр "требуется" в вашем поле ввода (текстовое поле/текстовое поле и т.д.).

<form method="post" name="Form" onsubmit="" action="">
    <input length="20" required=""></input>
    <input type="submit" value="Submit"></input>
</form>

Маленький текст будет отображаться, если текстовая строка пуста, когда пользователь пытается отправить форму! Форма может быть отправлена только в том случае, если каждый вход, отмеченный как требуется, заполняется текстом. Посмотрите эту простую скрипку:

http://jsfiddle.net/UL5pC/

mahesh · Answer 2 · 2014-03-14T06-52-00.000Z

Вы можете использовать приведенный ниже пример.

<html>
<head>
<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("Name must be filled out");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="js"
onsubmit="return validateForm()" method="get">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

</body>
</html>

Shlomo · Answer 3 · 2014-03-14T05-27-00.000Z

Проверьте этот пример кода из этого ответа:

Замените поля ввода вашими полями и настройте собственное сообщение, если какое-либо из полей отсутствует.

<script type="text/javascript">
    function validateForm()
    {
    var a=document.forms["Form"]["ans_a"].value;
    var b=document.forms["Form"]["ans_b"].value;
    var c=document.forms["Form"]["ans_c"].value;
    var d=document.forms["Form"]["ans_d"].value;
    if (a==null || a=="",b==null || b=="",c==null || c=="",d==null || d=="")
      {
      alert("Please Fill All Required Field");
      return false;
      }
    }
    </script>

<form method="post" name="Form" onsubmit="return validate()" action="">
<textarea cols="30" rows="2" name="ans_a" id="a">
<textarea cols="30" rows="2" name="ans_b" id="b">
<textarea cols="30" rows="2" name="ans_c" id="c">
<textarea cols="30" rows="2" name="ans_d" id="d"></textarea>
</form>