| |
|
|
| | Есть файлик с формой:
form.php
....
<form action=\"form.php?event=add\" method=\"post\">
<tr><td><span id=\"error\"></span></td></tr>
<tr><td>
Имя: <input type=\"text\" name=\"name\"><br>
Комментарий: <textarea type=\"text\" name=\"comment\"></textarea><br>
<input type=\"submit\" value=\"Отправить\">
</td></tr>
</form>
...
|
Может быть у кого есть готовый пример ну или ссылочка, как в случае неправильного заполнения формы (например, поле пустое) сообщение о том, что не так выводилось в <span id=\"error\"></span> и происходило это без перезагрузки страницы? | |
| |
|
|
| |
|
|
| |
для: olegs7
(23.03.2009 в 18:10)
| | | есть полезная функция: onsubmit
<script>
myFunction = function(){
if (<поля в порядке>) return true;
return false;
}
</script>
...
<form action="form.php?event=add" method="post" onsubmit='return myFunction()'>
|
или подвешивать обработчик onblur (например) на конкретные поля и проверять все своими функциями.
вариантов масса. | |
| |
|
|
| |
|
|
| |
для: Волки
(23.03.2009 в 20:02)
| | | JS я не владею, посмотрел подобные примеры, но так и не смог понять как подставить в случае неправильного заполнения какого-то поля значения между тегами <span id=\"error\"></span>
Вот привожу неправильный пример, сильно не пинайте...
form.php
<?php
...
print"
<script>
myFunction = function checkFields() {
if (document.addComment.name.value.length>1) return true;
return false;
if (document.addComment.comment.value.length>1) return true;
return false;
else {
document.addComment.submit();
}
}
</script>
<form action=\"form.php?event=add\" method=\"post\" name=\"addComment\" onsubmit=\"return myFunction()\">
<tr><td><span id=\"error\"></span></td></tr>
<tr><td>
Имя: <input type=\"text\" name=\"name\"><br>
Комментарий: <textarea type=\"text\" name=\"comment\"></textarea><br>
<input type=\"submit\" value=\"Отправить\">
</td></tr>
</form>
";
...
?>
|
| |
| |
|
|
| |
|
|
| |
для: olegs7
(23.03.2009 в 20:42)
| | | js-функция, она должна вернуть true или false.
true - данные формы отправляются на сервак, false - не отправляются.
checkFields = function () {
if ( document.addComment.name.value.length>1 &&
document.addComment.comment.value.length>1) return true;
else
return false;
}
|
ps. у меня никогда не получалось написать onsubmit-функцию правильно с первого раза - поэтому консоль ошибок или FireBug вам в помощь | |
| |
|
|
| |
|
|
| |
для: Волки
(23.03.2009 в 21:27)
| | | О здорово! Спасибо!
Единственный вопрос который теперь мучает, как сообщить человеку, который заполняет форму, что не так. Но при этом надо вывести сообщение перед формой без перезагрузки страницы.
Вот если ваш код изменить следующим образом, то будет выводится окошко, но всё же надо на саму страницу(
else return confirm('не заполены поля');
|
хотя опять чушь написал, если в окне нажать ok форма будет отправленна) | |
| |
|
|
| |
|
|
| |
для: olegs7
(23.03.2009 в 21:53)
| | | надо предусмотреть специальный div, в который выводить диагностику, и изменить функцию:
checkFields = function () {
if ( document.addComment.name.value.length>1 &&
document.addComment.comment.value.length>1) return true;
else {
document.getElementById('special_div').innerHTML = 'необходимо заполнить оба поля';
return false;
}
}
|
| |
| |
|
|
| |
|
|
| |
для: Волки
(23.03.2009 в 22:51)
| | | Волки, огромное спасибо! Всё получилось!) | |
| |
|
|
