| |
|
|
| | Есть рабочий скрипт проверки заполнености полей
<script language="JavaScript">
function check(e) {
for(i=0; i<e.length; i++) {
if(!e[i].value){
alert ('Должны быть заполнены все поля формы!');
return false;
}
}
return true;
}
</script>
|
, который работает для формы с тегом "<input type="submit""
<form onSubmit = "return check(this.elements);">
<input type="submit" ....
|
Как сделать тоже самое для кнопки типа button, чтобы выводило сообщение о незаполненности полей:
<form>
<label>Имя:*</label><br><input type="text" name="Имя" placeholder="" required>
<button type="button" ...
|
?
Помогите пожалуйста! | |
| |
|
|
| |
|
|
| |
для: Port_Artur3
(24.02.2015 в 14:52)
| | |
<form>
<label>Имя:*</label><br><input type="text" name="Имя" placeholder="" required>
<button type="button" onclick="return check(this.elements);" ...
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(24.02.2015 в 15:34)
| | | this.elements - это же для внутренних элементов, - не работает для Button. | |
| |
|
|
| |
|
|
| |
для: Port_Artur3
(24.02.2015 в 16:22)
| | |
<form id="forma">
<label>Имя:*</label><br><input type="text" name="Имя">
</form>
<button type="button" onclick="return check(document.getElementById('forma').elements);">Кнопка</button>
|
| |
| |
|
|
| |
|
|
| |
для: Mookapek
(24.02.2015 в 17:19)
| | | Return то зачем кнопке? | |
| |
|
|
| |
|
|
| |
для: confirm
(24.02.2015 в 18:50)
| | | ну да, return не нужно | |
| |
|
|
| |
|
|
| |
для: Mookapek
(24.02.2015 в 17:19)
| | | Mookapek , спасибо работает, но не совсем правильно.
Он ругается даже если заполнены все поля формы
|
. А на другом сайте где использовался Submit, работало нормально. А когда на всплывающем сообщении Ok происходит выполнение формы (скрипт обработки Button писал не я).
А что изменить в скрипте:
<script language="JavaScript">
function check(e) {
for(i=0; i<e.length; i++) {
if(!e[i].value){
alert ('Должны быть заполнены все поля формы!');
return false;
}
}
return true;
}
</script>
|
чтобы он проверял на заполненность только те поля, которые сделаны обязательными,т.е. содержат required:
<label>Имя:*</label><br><input type="text" name="Имя" placeholder="" required>
|
Было бы вообще супер! | |
| |
|
|
| |
|
|
| |
для: Port_Artur3
(24.02.2015 в 19:45)
| | |
<script>
function check(e) {
for(i=0; i<e.length; i++) {
if(!e[i].value && e[i].required){
alert ('Должны быть заполнены все поля формы!');
return false;
}
}
return true;
}
</script>
<form id="forma">
<label>Имя:*</label><br><input type="text" name="firstname" required><br>
<label>Фамилия:</label><br><input type="text" name="surname">
</form>
<button type="button" onclick="check(document.getElementById('forma').elements);">Кнопка</button>
|
| |
| |
|
|
| |
|
|
| |
для: Mookapek
(24.02.2015 в 20:17)
| | | Большое спасибо! | |
| |
|
|
