ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не получается использовать jquery.form.js
6 сообщений из 6, страница 1 из 1
Не получается использовать jquery.form.js
    #36158602
Usik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Usik
Участник
Недавно начал изучать Jquery (по совету участника форума) и решил написать следующее:

1) Имеется форма в которую узер заносит данные. Нажимает Submit и данные идут на обработку серверной стороне:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
<HTML>
  <Head>
   <script type="text/javascript" src="js/jquery-1.2.6.js"></script>
   <script type="text/javascript" src="js/jquery.form.js"></script>
 </Head>
 <div id="div_id">
  Сообщение:
 </div>

 <form id="myForm" action="comment.php" method="post">
    Имя: <input type="text" name="login" />
            <input type="submit" value="OK" />
  </form>

  <script type="text/javascript">
    $(document).ready(function()
     {
       var options = 
       { 
        target: "#div_id",
        success: showResponse,
       };  
     //---------------------------
     $('#myForm').submit(function() 
      { 
        $(this).ajaxSubmit(options); 
        return false;
      }); 
    });
 //-------------------------------------
 function showResponse(responseText, statusText)  
   { 
    var response=responseText;
    var content=document.getElementById('div_id').innerHTML;
     content=content+response;
     document.getElementById('div_id').innerHTML=content;
   }
</script>
<HTML>

Серверная сторона же, проверяет введенные узером данные и отвечает. После чего ответ на клиентской стороне либо анализируется либо нет(в моем случае-тупо выводится).
Код: plaintext
1.
2.
3.
4.
5.
6.
<?php
  $login=$_POST['login'];
   if (strlen($login)> 6 )
    echo "Welcome!";
   else
    echo "Access denied!";
?>

В конечном итоге я хочу создать форму:с эдитами логин+имя+пароль+подтверждения пароля и т.д.
После того как узер введет туда данные и нажмет отправить ,данные анализируются и если он что-то неверно ввел, то ниже того что он ввел неверно появляется надпись, типа-"Пароль должен быть больше 6 символов", для этого я делаю вот этот шаблон.

Итак, что нужно чтобы после получения ответа от сервера в
Код: plaintext
 <div id="div_id">
выводился ответ и вся форма с ответом вывелась. Вместо этого я получаю результат выполнения php сценария.Что я не так делаю, подскажите плз. Как это делается с использованием Jquery. И еще в

Код: plaintext
1.
2.
3.
4.
 var options = 
       { 
        target: "#div_id",
        success: showResponse,
       };
есть target, про него было написано что в этоот элемент будет выведен результат, только как он туда выводится я не очень понял, поэтому я сделал такое
Код: plaintext
1.
2.
3.
    var response=responseText;
    var content=document.getElementById('div_id').innerHTML;
     content=content+response;
     document.getElementById('div_id').innerHTML=content;
Объясните еще пожалуйста что это за target и как его использовать.
...
Рейтинг: 0 / 0
23.08.2009, 13:23
| Ответить | Цитировать | Написать  
Не получается использовать jquery.form.js
    #36158627
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Просто
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<script type="text/javascript">
    $(document).ready(function(){
        $('#myForm').submit(function(){ 
            $(this).ajaxSubmit({target:"#div_id"}); 
            return false;
        }); 
    });
</script>
или
Код: plaintext
1.
2.
3.
4.
<script type="text/javascript">
    $(document).ready(function(){
        $('#myForm').ajaxForm({target:"#div_id", success:function(){return false}}); 
    });
</script>
Кстати, тут все описано.
...
Рейтинг: 0 / 0
23.08.2009, 14:18
| Ответить | Цитировать | Написать  
Не получается использовать jquery.form.js
    #36158916
Usik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Usik
Участник
IDVsbruck , я сделал так:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<HTML>
  <Head>
   <script type="text/javascript" src="js/jquery-1.2.6.js"></script>
   <script type="text/javascript" src="js/jquery.form.js"></script>
 </Head>
 <div id="div_id">
   Сообщение:
 </div>
  <form id="myForm" action="comment.php" method="post">
    Имя: <input type="text" name="login" />
            <input type="submit" value="OK" />
</form>

<script type="text/javascript">

$(document).ready(function(){
        $('#myForm').submit(function(){ 
            $(this).ajaxSubmit({target:"#div_id"}); 
            return false;
        }); 
    });

</script>
<HTML>

И в броузере вижу только результат php сценария.

IDVsbruck , а ты не мог бы показать код вот для такого случая

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<HTML>
  <Head>
   <script type="text/javascript" src="js/jquery-1.2.6.js"></script>
   <script type="text/javascript" src="js/jquery.form.js"></script>
 </Head>
 <div id="div_id">
   Сообщение:
 </div>
 
 <p id="p_id"> 
   Сообщение2:
 </p>

 <form id="myForm" action="comment.php" method="post">
    Имя: <input type="text" name="login" />
	E-mail: <input type="text" name="email" />
 
    <input type="submit" value="OK" />
</form>

<script type="text/javascript">

$(document).ready(function(){
        $('#myForm').submit(function(){ 
            $(this).ajaxSubmit({target:"#div_id"}); 
            return false;
        }); 
    });

</script>
<HTML>
php сценарий.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
$login=$_POST['login'];
   if (strlen($login)> 6 )
    $login="Welcome!";
   else
    $login="Access denied!";
	
$email=$_POST['email'];
   if (strlen($login)> 6 )
    $email="Welcome!";
   else
    $email"Access denied!";

	$json_string=array('email'=>$email,'login'=>$login);//Формирование ответа в формате JSON
   $json_message=json_encode($json_string);//Преобразование в формат JSON
   echo $json_message; //Ответ клиентской части
Т.е. когда ответ мне надо на 2 элемента расписать. А именно в элементы div_id , p_id
...
Рейтинг: 0 / 0
23.08.2009, 20:00
| Ответить | Цитировать | Написать  
Не получается использовать jquery.form.js
    #36159682
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
а) так и должно быть - указывается контейнер, в котором надо выводить то , что отдает сервер;
б) мне код ПэХаПэ ни о чем не говорит, но чтобы было более сложное заполнение, то надо отказаться от стандартных библо (не люблю я этот form), либо возвращать с сервера код со скриптом, который будет разносить информацию по контейнерам.
...
Рейтинг: 0 / 0
24.08.2009, 13:25
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
Не получается использовать jquery.form.js
    #38909231
Disker67
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Disker67
Гость
Доброе время суток.
Нужна ваша помощь по созданию jquery слайдера наподобие http://net.uanic.name/ , в хейдере с правой стороны. Дайте пожалуйста пример подобного слайдера.
Рассмотрю вариант создания слайдера за символическую плату.
...
Рейтинг: 0 / 0
19.03.2015, 01:43
| Ответить | Цитировать | Написать  
Не получается использовать jquery.form.js
    #38909318
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Disker67Рассмотрю вариант создания слайдера за символическую плату.
Отец родной!
...
Рейтинг: 0 / 0
19.03.2015, 08:53
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не получается использовать jquery.form.js
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36159682&tid=1446172]:
 0ms
get settings:
 9ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 36ms
get topic data:
 13ms
get forum data:
 4ms
get page messages:
 53ms
get tp. blocked users:
 1ms
others: 213ms
total:  357ms
созд. / загр.: 357ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]