| Dbnfkbq | 06.01.2018 00:51 |
Обработать несколько input
Здравствуйте, новичок, сразу предупреждаю :)
Есть очень длинная форма для заполнения, которую в итоге мне необходимо будет отправить в БД. Форму я реализовал пошаговыми блоками, сначала заполняется 4 поля, нажимается Далее, их там же и проверяю, потом следующие и тд. В 3-м блоке должна быть возможность дублировать целый блок с n-кол-вом форм внутри (пока не реализовал, тоже буду разбираться...). Так вот, в итоге у меня получится неопределенное кол-во input, которые я не смогу перебрать по id(очень большой и не красивый код). В интернете нашел парочку примеров перебора нескольких input, но работать у меня они не хотят, поэтому прошу помощи :)
Если заодно и поможете с добавлением блока повторного (сложность я вижу только в том, как ему имя уникальное присвоить потом), то буду вдвойне благодарен.
Вот примеры, которые я нашел:
И еще один, который работает по нажатию кнопки test, но как получить значения и собрать их в один список или что-то подобное, чтобы потом отправить, я не понимаю
Вот, как выглядит моя форма:
Есть очень длинная форма для заполнения, которую в итоге мне необходимо будет отправить в БД. Форму я реализовал пошаговыми блоками, сначала заполняется 4 поля, нажимается Далее, их там же и проверяю, потом следующие и тд. В 3-м блоке должна быть возможность дублировать целый блок с n-кол-вом форм внутри (пока не реализовал, тоже буду разбираться...). Так вот, в итоге у меня получится неопределенное кол-во input, которые я не смогу перебрать по id(очень большой и не красивый код). В интернете нашел парочку примеров перебора нескольких input, но работать у меня они не хотят, поэтому прошу помощи :)
Если заодно и поможете с добавлением блока повторного (сложность я вижу только в том, как ему имя уникальное присвоить потом), то буду вдвойне благодарен.
Вот примеры, которые я нашел:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
var o = $('#price').find('input[name^="fact"]').keyup(function() {
var m = 0; this.value = this.value.replace(/\D/, '');
for(var i=0, k=o.length; i<k; i++) m += o[i].value * 1;
$('#total').text(m)
})
});
</script>
</head>
<body>
<form id="price">
<input name="fact_price[25]" /> <input name="fact_price[123]" /> <input name="fact_price[46]" />
<input type="submit" />
</form>
<span id="total"></span>
</body>
</html>
И еще один, который работает по нажатию кнопки test, но как получить значения и собрать их в один список или что-то подобное, чтобы потом отправить, я не понимаю
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<form method="post" name="form03" action="" >
<input type="hidden" name="status" value="0" >
Логин*<br />
<input type="text" name="login" required="required" >
Пароль*<br />
<input type="password" name="password" required="required" >
Email*<br />
<input type="text" name="email" required="required" >
<input type="submit" name="go_callback_form03" value="Отправить" >
</form>
<input type="button" onclick="Test()" value="Test">
<script type="text/javascript">
function Test() {
$("form[name='form03']").find("input,select").not('[type="submit"]').each(function() {
alert($(this).attr('type'))
});
}
</script>
Вот, как выглядит моя форма: