Форум программистов, компьютерный форум, киберфорум
Наши страницы

jQuery

Войти
Регистрация
Восстановить пароль
 
Merc111
0 / 0 / 0
Регистрация: 08.07.2013
Сообщений: 17
#1

(JFormer) Как добавить confirm- страницу с yes\no кнопками? - jQuery

16.08.2013, 12:43. Просмотров 718. Ответов 4
Метки нет (Все метки)

Привет всем!
Я только начал изучать javascripтинг и возможности Jquery в связи с чем нужна ваша помощь.
Решил воспользоваться JFormer примером для создании формы типа:
http://pastebin.com/rPggtdrM
Мне необходимо чтобы после заполнения формы и выполнения действия submit появлялось confirm-окно с введенными результатами, сообщением "вы уверены?" и кнопками yes\no. Если нажать кнопку No - вернуться назад к заполнению формы, Yes- выполнить какой-либо скрипт по пересылке данных и добавлению в таблицу БД.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.08.2013, 12:43
Я подобрал для вас темы с готовыми решениями и ответами на вопрос (JFormer) Как добавить confirm- страницу с yes\no кнопками? (jQuery):

Построить веб-страницу с кнопками для обновления поля новостей - JavaScript
Структура DOM и методы доступа к узлам дерева Овладеть средствами внесении изменений на web-странице !!!~Построить веб-страницу с...

Как добавить узел на страницу? - JavaScript
Задачка на самом деле сложнее, чем могла показаться из названия темы. Добавлять узлы я, в общем-то, умею. Проблема в следующем: блок,...

Как зделать страницу стартовой, добавить в избраное - JavaScript
Как зделать страницу стартовой, добавить в избраное

Как подтвердить confirm() через скрипт? - jQuery
На сайте есть кнопка <a href="javascript:void(0)" onclick="clearc();" title="Очистить строку ввода"><img src="i/b___clear.gif"...

Добавить на страницу объект - jQuery
Всем привет! Помогите пжл разобраться в следующей ситуации. Есть объект "бегунок" <object...

Как добавить онлайн оплату или банковские переводы в страницу через PHP или через JavaScript - JavaScript
Здравствуйте ребята))) подскажите пожалуйста, как добавить онлайн оплату или банковские переводы в страницу через PHP или через...

4
Soldado
731 / 722 / 4
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
16.08.2013, 14:18 #2
Удобно ajax использовать для отправки форм. Можно и без него.
HTML5
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
<html>
  <head>
    <title>Confirm</title>
    
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />    
<script src="http://code.jquery.com/jquery-latest.js"></script>
    
 <script type="text/javascript">
$(document).ready(function(){
    $('#btn').click(function(){
        var n = $('input[name=name]').val();
        var ln = $('input[name=lastname]').val();
        var myConfirm = window.confirm("Имя: "+n+" Фамилия: "+ln );
          if(myConfirm){
            window.location="php.php/?name="+n+"&lastname="+ln;
          }
    });
 
                     
 });/*end  ready*/
 </script>
</head>
  <body style="padding-left:140px;">
    <form>
        Имя: <input type="text" name="name"/><br/>
        Фамилия:<input type="text" name="lastname"/>
        <input type="button" value="Отправить" id="btn"/>
    </form>
    
  </body>
</html>
Тот же пример с ajax
index.php
HTML5
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
<html>
  <head>
    <title>Confirm</title>
    
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />    
<script src="http://code.jquery.com/jquery-latest.js"></script>
    
 <script type="text/javascript">
$(document).ready(function(){
    $('#btn').click(function(){
        var n = $('input[name=name]').val();
        var ln = $('input[name=lastname]').val();
        var myConfirm = window.confirm("Имя: "+n+" Фамилия: "+ln );
          if(myConfirm){
            $.post(
                    'send.php',
                    {n:n,ln:ln},
                    function(data){
                        alert(data);
                    }
                );
          }
    });
 
                     
 });/*end  ready*/
 </script>
</head>
  <body style="padding-left:140px;">
    <form>
        Имя: <input type="text" name="name"/><br/>
        Фамилия:<input type="text" name="lastname"/>
        <input type="button" value="Отправить" id="btn"/>
    </form>
    
  </body>
</html>
Упрощённый send.php
PHP
1
2
3
4
<?php 
if(isset($_POST["n"],$_POST["ln"])){
echo "Отправлено";  
}
1
Merc111
0 / 0 / 0
Регистрация: 08.07.2013
Сообщений: 17
16.08.2013, 16:51  [ТС] #3
Да просто взял уже готовый ксс\хтмл\js\php решение. Можно ли както на моем примере вывести нечто подобное с алертами?
0
Soldado
731 / 722 / 4
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
16.08.2013, 17:54 #4
Цитата Сообщение от Merc111 Посмотреть сообщение
Да просто взял уже готовый ксс\хтмл\js\php решение.
Дайте сюда это решение.
0
Merc111
0 / 0 / 0
Регистрация: 08.07.2013
Сообщений: 17
16.08.2013, 18:37  [ТС] #5
Цитата Сообщение от Soldado Посмотреть сообщение
Дайте сюда это решение.
Я имел ввиду, что взял http://www.jformer.com/ решение
По теме: похоже в файле JFormer.js если закомментировать
Javascript
1
1171: this.control.hide();
то появляются кнопки контролов. Остается только как то повесить событие на кнопку Submit, чтобы запустить дальнейший скрипт.
0
16.08.2013, 18:37
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.08.2013, 18:37
Привет! Вот еще темы с ответами:

Добавить Java Script в Html страницу - JavaScript
Всем привет Я новичек на форуме и в html. Меня интересует такой вопрос: Есть небольшой код HTML страницы:...

Добавить прокрутку на страницу при выборе контента - jQuery
Очередная загвоздка....У меня имеется фиксированный футер, который прокручивается вместе со страницей, на нем меню. При нажатии на кнопку...

Как нажать "Ок" на Confirm-форме? - JavaScript
Как нажать ОК на Comfirm форме?

Нужно добавить через подгружаемый файл слайдер на страницу - jQuery
Добрый день. Нужно через подгружаемую html страницу установить слайдер jQuery на главную страницу. Установил слайдер на страницу...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru