Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не получается использовать jquery.form.js / 6 сообщений из 6, страница 1 из 1
23.08.2009, 13:23
    #36158602
Usik
Usik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не получается использовать jquery.form.js
Недавно начал изучать 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, 14:18
    #36158627
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не получается использовать jquery.form.js
Просто
Код: 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, 20:00
    #36158916
Usik
Usik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не получается использовать jquery.form.js
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
| Ответить | Цитировать | Написать  
24.08.2009, 13:25
    #36159682
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не получается использовать jquery.form.js
а) так и должно быть - указывается контейнер, в котором надо выводить то , что отдает сервер;
б) мне код ПэХаПэ ни о чем не говорит, но чтобы было более сложное заполнение, то надо отказаться от стандартных библо (не люблю я этот form), либо возвращать с сервера код со скриптом, который будет разносить информацию по контейнерам.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
19.03.2015, 01:43
    #38909231
Disker67
Disker67
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не получается использовать jquery.form.js
Доброе время суток.
Нужна ваша помощь по созданию jquery слайдера наподобие http://net.uanic.name/ , в хейдере с правой стороны. Дайте пожалуйста пример подобного слайдера.
Рассмотрю вариант создания слайдера за символическую плату.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.03.2015, 08:53
    #38909318
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не получается использовать jquery.form.js
Disker67Рассмотрю вариант создания слайдера за символическую плату.
Отец родной!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не получается использовать jquery.form.js / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 425ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446172]:
 0ms
get settings:
 10ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 133ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 215ms
total:  425ms
x
x
Закрыть


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