Forum PHP.pl > [JavaScript][PHP]Potwierdzenie danych przez użytkownika

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][PHP]Potwierdzenie danych przez użytkownika

maverickoti

17.12.2013, 14:56:17

Witam.

Potrzebuje napisać potwierdzenie danych wypełnionych w formularzu. Kroki postępowania:
1. Użytkownik wypełnia formularz
2. Klika przycisk Dalej
3. Wyskakuje komunikat w wyliczoną prowizją w PHP z zapytanie czy akceptuje
4. Jeśli kliknie TAK to drukuje się potwierdzenie. Jeśli nie to komunikat się zamyka i wraca do formularza

Wszystko ogólnie jest napisane, tylko nie ma potwierdzenia. Przyznam, że nie mam koncepcji jak to zrobić. Zapewne w JavaScript wyskakujące okienko tylko znowu jak do niego podpiąć wyliczenia, które zostaną przeprowadzone w PHP, który łączy się z bazą danych MySQL pobiera wartości w zależności co użytkownik wpisał w formularzu? Od tych wartości zalerzy czy użytkownik kliknie akceptacje, czy nie. Może dodać kolejną stronę *.php z obliczeniami o komunikatem.

Proszę o jakieś sugestie, naprowadzenie na najrozsądniejsze rozwiązanie.

jacobson

17.12.2013, 15:03:42

koncowe przeslanie formularza wykonaj przy pomocy jquery $.ajax, przeslij dane do skryptu PHP, tam wszystko niech sie wykona a jako callback success zwroc informacje ktora wyswietlisz w alercie lub jak tylko chcesz.

maverickoti

18.12.2013, 18:09:15

Okposzedłem tą drogą co jacobson wskazał, czyli ajax i jquery. Przyczytałem z dwa tutki i staram się to ogarnąć. Dla tego przyuczenia zrobiłem prosty przykład o wyliczanie wieku klienta i jeśli wszystko jest dobrze obliczone to wysyła dane do bazy a jak nie to nie. Ogólnie już widzę, że nieźle namieszałem, ale proszę choć o częściowe naprowadzenie to będę walczył dalej:)

index.php:

[PHP] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
</head>
<body>
<form action="potwierdzenie.php" method="post"> 
	Podaj imie: <input name="imie" id="imie" size="12" type="text" required/><br />
	Podaj rok urodzenia: <input name="rok" id="rok" size="12" type="text" required/>
	<input id="start" type='submit' value='Dalej'/>
</form>
</body>
</head>
<?
$("input#start").click(function() {
var imie=$("#form :text[name=imie]").val();
var rok=$("#form :text[name=rok]").val();
    $.ajax({
        type: "POST",
        url: "potwierdzenie.php",
        data: "imie="+imie+"&rok="+rok,
		complete: function(wiek) {
			alert("Masz "+wiek+" lat?");
        success: function() {
			$query = "INSERT INTO am_wiek VALUES ('','$imie','$wiek')";
			mysql_query($query);
        },
        error: function() {
                alert( "Źle obliczono wiek");
        }
    });
});
?> 
[PHP] pobierz, plaintext

potwierdzenie.php:

[PHP] pobierz, plaintext 
<?
include("dbinfo.inc.php");
 
mysql_connect('localhost', $username, $password);
@mysql_select_db($database) or die("Nie udało się wybrać bazy danych");
mysql_query("SET NAMES 'utf8' COLLATE 'utf8_polish_ci'"); */
 
$imie=$_POST['imie'];
$rok=$_POST['rok'];
 
$aktualny_rok=date("Y");
$wiek = $aktualny_rok - $rok;
?>
[PHP] pobierz, plaintext

Turson

18.12.2013, 18:35:06

W javascripcie nie wykonasz ot tak zapytania mysql. Po to ajax przesyła dane przez $_POST do potwierdzenie.php żebyś mógł to sobie tak odebrać i obrobić.

maverickoti

18.12.2013, 21:58:59

Ok rozumiem. To wysłanie do bazy zostawiamy w potwierdzenie.php. Tylko gdzie wpisać zapytanie czy wyliczony wiek użytkownika jest dobry? w "complete: function(wiek) {...", "success: function() {" czy jeszcze gdzieś indziej? Iak zrobić by zapytanie powstało, zanim dane zostaną zapisane w bazie danych?

index.php

[PHP] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
</head>
<body>
<form action="potwierdzenie.php" method="post"> 
	Podaj imie: <input name="imie" id="imie" size="12" type="text" required/><br />
	Podaj rok urodzenia: <input name="rok" id="rok" size="12" type="text" required/>
	<input id="start" type='submit' value='Dalej'/>
</form>
</body>
</head>
<?
$("input#start").click(function() {
var imie=$("#form :text[name=imie]").val();
var rok=$("#form :text[name=rok]").val();
    $.ajax({
        type: "POST",
        url: "potwierdzenie.php",
        data: "imie="+imie+"&rok="+rok,
		complete: function(wiek) {
			alert("Masz "+wiek+" lat?");
        success: function() {
			alert("Masz "+wiek+" lat?");
        },
        error: function() {
            alert( "Źle obliczono wiek");
        }
    });
});
?>
[PHP] pobierz, plaintext

powiadomienie.php

[PHP] pobierz, plaintext 
<?
include("dbinfo.inc.php");
 
mysql_connect('localhost', $username, $password);
@mysql_select_db($database) or die("Nie udało się wybrać bazy danych");
mysql_query("SET NAMES 'utf8' COLLATE 'utf8_polish_ci'"); */
 
$imie=$_POST['imie'];
$rok=$_POST['rok'];
 
$aktualny_rok=date("Y");
$wiek = $aktualny_rok - $rok;
 
$query = "INSERT INTO am_wiek VALUES ('','$imie','$wiek')";
mysql_query($query);
?>
[PHP] pobierz, plaintext

mis

18.12.2013, 23:19:30

nie do końca zrozumiałem o co Ci chodzi.
Zapoznaj się np. z tym:

http://tutorialzine.com/2010/12/better-con...ox-jquery-css3/

maverickoti

19.12.2013, 12:06:09

mis dzięki za tego tutka. Mniej więcej chodzi mi o taki komunikat. Zaczynam go rozpracowywać

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.