[php] [html] Checkbox i wysyłka formularza Opcje

[senior.pol]

Witam,
Mam problem z checkboxem w formularzu, który domyślnie jest zaznaczony i nie zwraca prawidłowo wartości i błędu.
Docelowo chcę mieć następującą sytuację: Jeśli pole checkbox zostanie odznaczone, to wyświetli się komunikat z błędem i nie pozwoli
wysłać formularza (nie chcę korzystać z opcji blokowanie buttonu submit), jeśli pozostanie nie ruszone, to wyśle wartość np. value.

W html-u wygląda to następująco:

[HTML] pobierz, plaintext 
<div class="checkbox">
	<label for="warunki">
		<input type="hidden" name="warunki" value="Nie">
		<input type="checkbox" checked="chcecked" class="form-control-warunki" id="warunki">Akceptuję warunki uczestnictwa *
	</label>
</div>
[HTML] pobierz, plaintext 

, a w php:

[PHP] pobierz, plaintext 
if (isset($warunki) == '') {
	echo '<div class="pi-alert-danger fade in"><button type="button" class="pi-close" data-dismiss="alert"><i class="icon-cancel"></i></button><p>Przykładowa treść błędu.</p></div>';
	exit();
}
[PHP] pobierz, plaintext 

Zna ktoś może rozwiązanie tego problemu?

PS. W internecie przeczytałem już sporo na ten temat, ale rozwiązania dla mojego przypadku nie znalazłem

[morthan]

Hej,

nie znalazłeś rozwiązania bo to co proponujesz wydaje się niezgodne ze sztuką.
Do blokowania formularza używa się na codzień np. tego http://api.jquery.com/event.preventdefault/.
A odpowiadająć dokładnie na twoje pytanie to przepis na twoją bolączkę, wg. mnie wygląda tak:
1. wyświetl formularz
2. wciśnij submit
3. jQuery (czy innym prototype) blokujesz dalszą wysyłkę
4. za pomocą ajax przesyłasz form do walidacji (czy innych operacji)

4a. jak poszło nie tak podczas walidacji, logujesz błędy do pliku, zanim odeślesz info do przeglądarki i wykonasz pkt. 5 i 6 (to opcja, np. do formularza logowania)

5. jeśli przeszło walidację robisz http://api.jquery.com/submit/
6. a jeśli nie to robisz coś innego, np. wyświetlasz komunikaty błędów (użytkownicy lubią wiedzieć co się stało że nie działa)


Tak z regóły działa większość formularzy.

[ikssde]

Kod poniżej zwraca tylko true lub false, więc nigdy się nie wykona.

[PHP] pobierz, plaintext 
if (isset($warunki) == '')
[PHP] pobierz, plaintext 

Wyrzuć ten znak równości i będzie działało. Warunek wykona się gdy checkbox będzie zaznaczony.

[PHP] pobierz, plaintext 
if (isset($warunki))
[PHP] pobierz, plaintext 

Ten post edytował ikssde 27.02.2015, 11:38:19

[senior.pol]

Kod poniżej zwraca tylko true lub false, więc nigdy się nie wykona.

[PHP] pobierz, plaintext 
if (isset($warunki) == '')
[PHP] pobierz, plaintext 

Wyrzuć ten znak równości i będzie działało. Warunek wykona się gdy checkbox będzie zaznaczony.

[PHP] pobierz, plaintext 
if (isset($warunki))
[PHP] pobierz, plaintext 

Teraz za każdym razem pokazuje mi błąd, nawet gdy pole jest zaznaczone.

[phpion]

No ale kolego - warunki to to Twoje ukryte pole, które zawsze ma tą samą wartość Nie, chyba, że zmieniasz ją jakoś w JS w momencie kliknięcia w checkbox. Daj tak:

[HTML] pobierz, plaintext 
<input type="hidden" name="warunki" value="Nie">
<input type="checkbox" checked="chcecked" class="form-control-warunki" id="warunki" name="warunki" value="Tak">Akceptuję warunki uczestnictwa *
[HTML] pobierz, plaintext 

a potem w PHP:

[PHP] pobierz, plaintext 
if (isset($_POST['warunki']) && $_POST['warunki'] === 'Tak') {
	die('OK :)');
}
else {
	die('NIE OK :(');
}
[PHP] pobierz, plaintext 

[senior.pol]

No ale kolego - warunki to to Twoje ukryte pole, które zawsze ma tą samą wartość Nie, chyba, że zmieniasz ją jakoś w JS w momencie kliknięcia w checkbox. Daj tak:

[HTML] pobierz, plaintext 
<input type="hidden" name="warunki" value="Nie">
<input type="checkbox" checked="chcecked" class="form-control-warunki" id="warunki" name="warunki" value="Tak">Akceptuję warunki uczestnictwa *
[HTML] pobierz, plaintext 

a potem w PHP:

[PHP] pobierz, plaintext 
if (isset($_POST['warunki']) && $_POST['warunki'] === 'Tak') {
	die('OK :)');
}
else {
	die('NIE OK :(');
}
[PHP] pobierz, plaintext 

Nie działa. Zwraca mi ciągle "OK"

[phpion]

Zapewniam Cię, że działa. Skleiłem kod w całość:

[PHP] pobierz, plaintext 
<form method="post">
	<input type="hidden" name="warunki" value="Nie">
	<input type="checkbox" checked="chcecked" class="form-control-warunki" id="warunki" name="warunki" value="Tak">Akceptuję warunki uczestnictwa *
 
	<input type="submit">
</form>
 
<?php
if (isset($_POST['warunki']) && $_POST['warunki'] === 'Tak') {
	die('OK :)');
}
else {
	die('NIE OK :(');
}
[PHP] pobierz, plaintext 

[senior.pol]

Zapewniam Cię, że działa. Skleiłem kod w całość:

[PHP] pobierz, plaintext 
<form method="post">
	<input type="hidden" name="warunki" value="Nie">
	<input type="checkbox" checked="chcecked" class="form-control-warunki" id="warunki" name="warunki" value="Tak">Akceptuję warunki uczestnictwa *
 
	<input type="submit">
</form>
 
<?php
if (isset($_POST['warunki']) && $_POST['warunki'] === 'Tak') {
	die('OK :)');
}
else {
	die('NIE OK :(');
}
[PHP] pobierz, plaintext 

Nie wiem czemu, ale dalej nie działa. Może to wina czegoś innego:

[PHP] pobierz, plaintext 
<?php
 
		if(!$_POST) exit;
 
		if (!defined("PHP_EOL")) define("PHP_EOL", "\r\n");
 
		$warunki = isset($_POST['warunki']) ? $_POST['warunki'] : '';
 
		$address = "abc@abc.pl";
 
		if (isset($_POST['warunki']) && $_POST['warunki'] === 'Tak') {
			die('OK :)');
		}
		else {
			die('NIE OK :(');
		}
 
 
		$e_subject = "$rejs - rezerwacja miejsca";
 
		$e_body = "$imie $nazwisko\n\nDane adresowe: $adres, $kod $miasto\nLiczba miejsc rezerwowanych: $liczba\nAkceptacja warunków uczestnictwa: $warunki\nZgoda na przetwarzanie danych w procesie rezerwacji: $zgoda\nFaktura: $faktura\n";
 
 
		$msg = wordwrap( $e_body . $e_content . $e_reply, 70 );
 
		$headers = "From: $email" . PHP_EOL;
		$headers .= "Reply-To: $email" . PHP_EOL;
		$headers .= "MIME-Version: 1.0" . PHP_EOL;
		$headers .= "Content-type: text/plain; charset=utf-8" . PHP_EOL;
		$headers .= "Content-Transfer-Encoding: quoted-printable" . PHP_EOL;
 
		if(mail($address, $e_subject, $msg, $headers)) {
 
		echo '<div class="pi-alert-success fade in"><button type="button" class="pi-close" data-dismiss="alert"><i class="icon-cancel"></i></button><p><strong>Gratulacje!</strong> Instrukcję finalizacji rezerwacji otrzymasz w wiadomości e-mail.</p></div>';
 
		} else {
 
		echo 'ERROR!';
 
		}
?>
 
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
                                                       <form role="form" action="rezerwacja.php" class="pi-contact-form">
								<div class="checkbox">
									<label for="warunki">
										<input type="hidden" name="warunki" value="Nie">
										<input type="checkbox" checked="chcecked" class="form-control-warunki" id="warunki" name="warunki" value="Tak">Akceptuję warunki uczestnictwa *
									</label>
								</div>
								<div class="pi-error-container"></div>
								<p>
									<button class="btn pi-btn-base pi-btn-wide pi-uppercase pi-weight-700 pi-letter-spacing">
										Rezerwuję miejsce <i class="icon-check pi-icon-left"></i>
									</button>
								</p>
							</form>
[HTML] pobierz, plaintext 

Zależy mi na powiadamianiu użytkownika, gdy odznaczy pole akceptacji, w przeciwnym razie formularz nie zostanie wysłany.

I tu jeszcze js

Kod

jQuery(function($){

    $('.pi-contact-form').submit(function(){

        var $form = $(this),
            $error = $form.find('.pi-error-container'),
            action  = $form.attr('action');

        $error.slideUp(750, function() {
            $error.hide();

                $warunki = $form.find('.form-control-warunki'),

            $.post(action, {
                    warunki: $warunki.val(),
                },
                function(data){
                    $error.html(data);
                    $error.slideDown('slow');

                    if (data.match('success') != null) {
                        $warunki.val('');
                    }
                }
            );

        });

        return false;

    });
    //endregion

});

PS. Zamieszczam kody w odniesieniu tylko do pola "warunki".

Ten post edytował senior.pol 27.02.2015, 15:57:17