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

@Merc111 · Регистрация: 08.07.2013

Author24 — интернет-сервис помощи студентам

Привет всем!
Я только начал изучать javascripтинг и возможности Jquery в связи с чем нужна ваша помощь.
Решил воспользоваться JFormer примером для создании формы типа:
http://pastebin.com/rPggtdrM
Мне необходимо чтобы после заполнения формы и выполнения действия submit появлялось confirm-окно с введенными результатами, сообщением "вы уверены?" и кнопками yes\no. Если нажать кнопку No - вернуться назад к заполнению формы, Yes- выполнить какой-либо скрипт по пересылке данных и добавлению в таблицу БД.

@Soldado · 16.08.2013, 14:18

Удобно ajax использовать для отправки форм. Можно и без него.

HTML5

<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

<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

<?php 
if(isset($_POST["n"],$_POST["ln"])){
echo "Отправлено";    
}

@Merc111 · 16.08.2013, 16:51 **[ТС]**

Да просто взял уже готовый ксс\хтмл\js\php решение. Можно ли както на моем примере вывести нечто подобное с алертами?

@Soldado · 16.08.2013, 17:54

Сообщение от Merc111

Да просто взял уже готовый ксс\хтмл\js\php решение.

Дайте сюда это решение.

@Merc111 · 16.08.2013, 18:37 **[ТС]**

Сообщение от Soldado

Дайте сюда это решение.

Я имел ввиду, что взял http://www.jformer.com/ решение
По теме: похоже в файле JFormer.js если закомментировать

Javascript

1	1171: this.control.hide();

то появляются кнопки контролов. Остается только как то повесить событие на кнопку Submit, чтобы запустить дальнейший скрипт.

@Merc111 0 / 0 / 0 Регистрация: 08.07.2013 Сообщений: 17
		1
	(JFormer) Как добавить confirm- страницу с yes\no кнопками? 16.08.2013, 12:43. Показов 1704. Ответов 4 Метки нет (Все метки) Привет всем! Я только начал изучать javascripтинг и возможности Jquery в связи с чем нужна ваша помощь. Решил воспользоваться JFormer примером для создании формы типа: http://pastebin.com/rPggtdrM Мне необходимо чтобы после заполнения формы и выполнения действия submit появлялось confirm-окно с введенными результатами, сообщением "вы уверены?" и кнопками yes\no. Если нажать кнопку No - вернуться назад к заполнению формы, Yes- выполнить какой-либо скрипт по пересылке данных и добавлению в таблицу БД. 0

@Merc111 0 / 0 / 0 Регистрация: 08.07.2013 Сообщений: 17
	16.08.2013, 16:51 [ТС]	3
	Да просто взял уже готовый ксс\хтмл\js\php решение. Можно ли както на моем примере вывести нечто подобное с алертами? 0

@Soldado 901 / 833 / 198 Регистрация: 28.06.2012 Сообщений: 1,607 Записей в блоге: 4
	16.08.2013, 17:54	4
	Сообщение от Merc111 Да просто взял уже готовый ксс\хтмл\js\php решение. Дайте сюда это решение. 0

	16.08.2013, 18:37