Объясните по хардкору, может я что-то не то делаю?
У меня есть две обычные формы
function AjaxFormRequest(result_id,form_id,url) {
jQuery.ajax({
url: "login_checker.php",
type: "POST",
dataType: "html",
data: jQuery("#"+form_id).serialize(),
success: function(response) {
document.getElementById(result_id).innerHTML = response;
},
error: function(response) {
document.getElementById(result_id).innerHTML = "Ошибка при входе, что-то сломалось. :(";
}
});
}
<form method="post" id="LOGIN">
<input type="number" name="telephone" placeholder="телефон" />
<input type="button" value="войти" onclick="AjaxFormRequest('LOGINRESULT', 'LOGIN', 'login_checker.php')" />
</form>
<div id="LOGINRESULT"></div>
и вторая
function AjaxFormRequest(result_id,form_id,url) {
jQuery.ajax({
url: "registration_checker.php",
type: "POST",
dataType: "html",
data: jQuery("#"+form_id).serialize(),
success: function(response) {
document.getElementById(result_id).innerHTML = response;
},
error: function(response) {
document.getElementById(result_id).innerHTML = "Ошибка при регистрации, что-то сломалось. :(";
}
});
}
<form method="post" id="form_reg">
имя <input type="text" name="name_reg" placeholder="фио" /> тел <input type="number" name="telephone_reg" placeholder="телефон"/>
<input type="button" id="form_reg" value="войти" onclick="AjaxFormRequest('result_reg', 'form_reg', 'registration_checker.php')" />
</form>
<div id="result_reg"></div>
Внезапно когда я дописал вторую форму и протестил её перестала работать первая, начала почему-то отправлять вторую форму.
Но ведь у меня при отправке в AjaxFormRequest есть её ID form_reg а так же в скрипте я проверяю этот ID в начале?!
Почему уходит вторая форма вместо первой, причем результат registration_checker.php выводится в блоке LOGINRESULT!!
