Проверка заполнения поля в форме

apexis · February 4, 2013

Написал скрипт проверки поля "Имя" на javascript http://jsbin.com/ecupoq/5/edit, но action всеравно выполняется если поле не заполнено. В чем там проблема?


<script type="text/javascript">
<!--
function validate() {
if (document.form1.io.value == "") {document.getElementById('error').style.display = "block";
return false;
}
return true;
}
//-->
</script>
<style type="text/css">
  #error {color:Crimson; border:1px dotted red; padding:5px 10px; background-color:LemonChiffon; display:none}
</style>
</head>
<body>
<div id="error">Заполните поля</div>
<form name="form1" method="post" action="" onsubmit="validate();">

<p>Ваше имя: <input type="text" name="io"></p>
<input type="submit" name="submit" value="Отправить данные"></p>
</form>

Great Rash · February 4, 2013


<div id="error">Заполните поля</div>

<form name="form1" method="post" action="" onsubmit="return validate();">
    <p>Ваше имя: <input type="text" name="io"></p>
    <p><input type="submit" name="submit" value="Отправить данные"></p>
</form>

Сравните с вашим кодом.

apexis · February 4, 2013


<div id="error">Заполните поля</div>

<form name="form1" method="post" action="" onsubmit="return validate();">
<p>Ваше имя: <input type="text" name="io"></p>
<p><input type="submit" name="submit" value="Отправить данные"></p>
</form>

Сравните с вашим кодом.

C return работает, но зачем он там не пойму.

Great Rash · February 4, 2013

Чтобы остановить срабатывание события submit нужно при его наступлении вернуть false. Но в вашем коде вы этого не делали. Вункция у вас возвращала false, но не останавливала событие потому что в итоге у вас получался вот такой код:


<form name="form1" method="post" action="" onsubmit="false;">

Другими словами, инструкция return тут просто необходима.

apexis · February 4, 2013

Чтобы остановить срабатывание события submit нужно при его наступлении вернуть false. Но в вашем коде вы этого не делали. Вункция у вас возвращала false, но не останавливала событие потому что в итоге у вас получался вот такой код:
<form name="form1" method="post" action="" onsubmit="false;">
Другими словами, инструкция return тут просто необходима.

Ясно, спасибо.

В php можно присваивать разные значения переменной и вставлять их в html. Что-то вроде


if (x>y) { $yesorno = "RED"}
else { $yesorno = "GREEN"}

class="choise '.$yesorno.'"

На javascript можно сделать подобное?

Edited February 4, 2013 by apexis

Sign In

Проверка заполнения поля в форме

Question

apexis

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

apexis

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

apexis

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information