На странице есть две формы, одинаковых, пока с одинаковыми id
:
<form action="/order/" method="post" id="orderform">
<input type="text" name="name" placeholder="ФИО">
<input class="masked-phone" type="text" name="phone" placeholder="Номер телефона">
<input type="hidden" name="goods_id" value="10" />
<input type="submit" value="Заказать">
</form>
и обработчик:
jQuery.extend({
getQueryParameters : function(str) {
return (str || document.location.search).replace(/(^\?)/,'').split("&").map(function(n){return n = n.split("="),this[n[0]] = n[1],this}.bind({}))[0];
}
});
function jsonifyForm(src) {
var result = Object.create(null);
var splitted_pairs = src.serialize().split('&');
var kv;
for (var i in splitted_pairs) {
kv = splitted_pairs[i].split('=');
result[kv[0]] = decodeURIComponent(kv[1]);
}
_.extend(result, $.getQueryParameters());
return JSON.stringify(result);
}
$(document).ready(function() {
$('#orderform').submit(function(e) {
e.preventDefault();
$.ajax({
url: e.currentTarget.action,
type: 'POST',
contentType: 'application/json',
dataType: 'json',
data: jsonifyForm($(this))
}).then(function() {
$('#orderform')[0].reset();
window.location.href = 'success.php';
});
});
$('.masked-phone').inputmask('+7 (999) 999-99-99');
});
Пробовал заменить id
на классы, срабатывают обе формы независимо от того какая задействовалась.
Как переделать код обработчика чтобы он обрабатывал одну из форм, в зависимости от того какая использовалась?
type="submit"
внутри одной формы может вызвать submit другой формы :( , или я чего-то не вижу?