Здравствуйте, появилась проблема:
Есть несколько форм. После submit методом $.ajax первой (при результате success) появляется кнопка далее. После нажатия на нее методом load загружается вторая форма. И точно так же при submit методом $.ajax второй должна появляться кнопка далее. Но страница попросту перегружается.
Вот код:
Первая форма:
<form id="langs_form" method="post">
<fieldset>
<select size="3" name="lang" id="lang">
<option value="en">Английский</option>
<option value="ru" selected="selected">Русский</option>
<option value="ua">Украинский</option>
</select>
<div id="lang_handler"></div>
<div id="lang_buttons">
<input type="submit" id="lang_sub" value="Выбрать"/>
</div>
</fieldset>
</form>
Вторая форма:
<form id="mysql_form" method="post">
<fieldset>
<label for="server">Имя сервера базы данных</label><input type="text" id="server" name="server"/>
<label for="db">Имя базы данных </label><input type="text" id="db" name="db"/>
<label for="db_pref">Префикс таблиц</label><input type="text" id="db_pref" name="db_pref""/>
<label for="db_user">Имя пользователя БД</label><input type="text" id="db_user" name="db_user"/>
<label for="db_pass">Пароль</label><input type="password" id="db_pass" name="db_pass"/>
<div id="mysql_buttons">
<input type="button" id="mysql_prev" onclick="slide(0)" value="Назад"/>
<input type="submit" id="mysql_sub" value="Подключиться"/>
</div>
</fieldset>
</form>
А вот код ajax.js:
jQuery('#langs_form').ready(function() {
jQuery('#langs_form').submit(function(){
//при отправке формы собираем все данные из полей
var data1 = 'lang='+jQuery('select#lang').val();
jQuery.ajax({
type: "POST",
url: "install/packages/langs_handler.php", //здесь указываем ИД ресурса, куда будет оправлен AJAX запрос
data: data1,
success: function(){ success(1) },
error: function(){ error(1) }
});
return false;
});
});
//***********************************************mysql_form обработка***********************************************
jQuery('#mysql_form').ready(function() {
jQuery('#mysql_form').submit(function(){
//при отправке формы собираем все данные из полей и ИД страницы
var server = jQuery("input#server").val();
var db = jQuery("input#db").val();
var pref = jQuery("input#db_pref").val();
var user = jQuery("input#db_user").val();
var pass = jQuery("input#db_pass").val();
var data2 = 'server=' +server+ 'db=' +db+ 'db_pref=' +pref+ 'db_user=' +user+ 'db_pass=' +pass;
//Запрос Ajax
jQuery.ajax({
type: "POST",
url: "install/packages/mysql_handler.php", //здесь указываем ИД ресурса, куда будет оправлен AJAX запрос
data: data2,
success: function(){ success(2) },
error: function(){ error(2) }
});
return false;
});
});
В чем проблема ??????
