Zaloguj się

bryndzyk · (Ten post był ostatnio modyfikowany: 03-01-2012, 21:52 przez bryndzyk.)

Mam taki problem, odnośnie zrobienia formularza a dokładnie nie całego tylko 1 funkcji Miałem stworzyć formularz z walidacją danych w jquery ( gdzie na stronie jquery jest gotowy validator) następnie poddać komórki walidacji na poprawność i zawartość to zrobiłem i został mi problem że po wszystkim nigdzie nie ma tego wysyłać tylko za pomocą funkcji alert w jquery ma mi to wyświetlić jak fakturę przypuszczalnie czyli nazwę pola i to co się wpisało i z tym mam problem. może mi ktoś pomóc na przykładowym poniżej zamieszam to co udało mi się osiągnąć tylko to wyświetlenie proszę o pomoc

Cytat:HTML

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pl-PL">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Formularz</title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">

  google.load("jquery", "1.4.4");

</script>

<script src="js/jquery.validate/jquery.validate.js" type="text/javascript"></script>

<script src="js/jquery.validate/messages_pl.js" type="text/javascript"></script>

<script type="text/javascript">

  jQuery(document).ready(function(){

    jQuery("#formularz").validate({

      messages: {

        imie: {

          required: "Proszę uzupełnić pole Imię.",

          minlength: jQuery.format("Musi być minimum {0} znaków.")

        },

        email: {

          required: "Proszę uzupełnić pole Adres e-mail.",

          email: "Prosze podać prawidłowy adres e-mail, w formacie [email protected]."

        },

        phone: {

          number: "Proszę podać numer telefonu składający z samych cyfr bez spacji."

        },

        www: {

          url: "Prosze wprowadzić prawidłowy adres strony WWW, w formacie http://www.adres.com"

        },

        content: {

          required: "Proszę uzupełnić pole Treść wiadomości.",

          minlength: jQuery.format("Musi być minimum {0} znaków.")

        }

      }

    });

  });

</script>

</head>

<body>

<form id="formularz" class="formularz" action="thanks.html" method="post">

<fieldset>

  <legend>Formularz</legend>

    <label for="imie">Imię:</label>

    <div><input id="imie" name="imie" type="text" class="required" minlength="3"/></div>

    <div class="height_10"> </div>



    <label for="email">Adres e-mail:</label>

    <div><input id="email" name="email" type="text" class="required email"/></div>

    <div class="height_10"> </div>



    <label for="phone">Telefon:</label>

    <div><input id="phone" name="phone" type="text" class="number" minlength="6"/></div>

    <div class="height_10"> </div>



   

    <label for="content">Treść wiadomości:</label>

    <div><textarea id="content" cols="20" name="content" rows="5" class="required" minlength="10"></textarea></div>

    <div class="height_10"> </div>

    

    <input class="submit" type="submit" value="Wyślij"/>

  </fieldset>

</form>

</body>

</html>

kancik · 03-01-2012, 02:28

po cholere zamieszczasz kod css i kod biblioteki ??? potrafiłeś osiągnąc tyle i nie potrafisz dalej ?
http://docs.jquery.com/Plugins/Validation#Fields_with_complex_names_.28brackets.2C_dots.29
jest tam funkcja submitHandler która przechwytuje zdarzenie gdy jest formularz wypełniony poprawnie.

required: "Proszę uzupełnić pole Imię.",
minlength: jQuery.format("Musi być minimum {0} znaków.")

to dla mnie to bez sensu.

bryndzyk · 03-01-2012, 07:05

mógł byś mi to kolego kawałek tylko napisać bo nie czaje o co chodzi w jquery nie jestem za mocny. Sad

Jak tylko możesz to będę ci bardzo wdzięczny

bryndzyk · (Ten post był ostatnio modyfikowany: 03-01-2012, 21:51 przez bryndzyk.)

Nikt mi nie pomoże... ? Jakaś mała podpowiedź Proszę

chcę tylko żeby za pomocą funkcji alert po kliknięciu przycisku wyślij w funkcji alert (jquery) pokazało mi np: nazwe danego pola i to kto co w nie wpisał np
imię i nazwisko: Jan Kowalski
Miejscowość: na końcu świata
itd. ktoś kto zna jquery to pewnie mu to zajmie minutkę. proszę pomocy

kancik · (Ten post był ostatnio modyfikowany: 04-01-2012, 02:55 przez kancik.)

Kod PHP:

<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery("#formularz").validate({
      messages: {
        imie: {
          required: "Proszę uzupełnić pole Imię.",
          minlength: jQuery.format("Musi być minimum {0} znaków.")
        },
        email: {
          required: "Proszę uzupełnić pole Adres e-mail.",
          email: "Prosze podać prawidłowy adres e-mail, w formacie [email protected]."
        },
        phone: {
          number: "Proszę podać numer telefonu składający z samych cyfr bez spacji."
        },
        www: {
          url: "Prosze wprowadzić prawidłowy adres strony WWW, w formacie http://www.adres.com"
        },
        content: {
          required: "Proszę uzupełnić pole Treść wiadomości.",
          minlength: jQuery.format("Musi być minimum {0} znaków.")
        }
      },
 submitHandler: function(form) {
alert('Imie i nazwisko: '+$(form).find('#email').val());
 }
    });

  });
</script>

nie wiem czy to zadziala , pisałem tak o... Z dokumentacji takie coś wynika.

bryndzyk · (Ten post był ostatnio modyfikowany: 04-01-2012, 18:10 przez bryndzyk.)

piękne dzięki kancik już masz plusa a jeszcze jak byś mi podpowiedział jak zrobić żeby wszystkie pozycje z formularza pokazywały się na jednym alercie i wyświetlenie radio jakie jest zaznaczone to by było super

kancik · 05-01-2012, 01:37

Jeżeli chcesz to wyświetlić w alercie to możesz zrobić to tak np.

Kod PHP:
var txt = 'Imie i nazwisko: '+$(form).find('#email').val();
txt += 'E-mail: '+$(form).find('#email').val();
txt +='Płeć: '+$("input[@name=name_grupy_elementow_radio]:checked").val();
alert(txt);

<input type="radio" name="sex" value="male"  checked="checked"/>Chlopak<br />
<input type="radio" name="sex" value="female"/> Dziewczyna 

tam przykladowe bylo dla plci. Nie testowalem. powinno dzialac.

bryndzyk · (Ten post był ostatnio modyfikowany: 05-01-2012, 23:54 przez bryndzyk.)

Sprawdzę dzisiaj i dam Ci znać, z góry piękne dzięki jak coś to jeszcze będę pisał. maż znów u mnie plusa wielkiego

bryndzyk · (Ten post był ostatnio modyfikowany: 05-01-2012, 23:54 przez bryndzyk.)

Wszystko działa poprawnie na moim przykładzie tylko jeszcze jedno ostatnie pytanie jak wyświetlić to w tym alercie żeby było jedno pod drugim coś takiego jak <br/ > w html ?? żeby w alercie było jedno pod drugim a nie jedno obok drugiego.

Kod:
var txt ='Imie i Nazwisko: '+$(form).find('#imie').val()+"<br/>";

txt +='Ulica: '+$(form).find('#ulica').val()+"<br/>";

txt +='Kod Pocztowy: '+$(form).find('#kod').val()+"<br/>";

txt +='Miejscowosć: '+$(form).find('#miejscowosc').val()+"<br/>";

txt +='E-mile: '+$(form).find('#email').val()+"<br/>";

txt +='Telefon: '+$(form).find('#tel').val()+"<br/>";

txt +='Rodzaj dostawy: '+$("input[@name=dostawa]:checked").val();

alert(txt);

Próbowałem tak ale to nic nie daje

kancik · (Ten post był ostatnio modyfikowany: 06-01-2012, 00:00 przez kancik.)

zamiast "<br />" Użyj "\n"

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie