+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [jquery+html] problem formularz (/thread-jquery-html-problem-formularz)
Strony:
1
2
[jquery+html] problem formularz - bryndzyk - 03-01-2012
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>RE: [jquery+html] problem formularz - kancik - 03-01-2012
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.
RE: [jquery+html] problem formularz - bryndzyk - 03-01-2012
mógł byś mi to kolego kawałek tylko napisać bo nie czaje o co chodzi w jquery nie jestem za mocny.
Jak tylko możesz to będę ci bardzo wdzięczny
RE: [jquery+html] problem formularz - bryndzyk - 03-01-2012
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
RE: [jquery+html] problem formularz - kancik - 04-01-2012
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.
RE: [jquery+html] problem formularz - bryndzyk - 04-01-2012
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
RE: [jquery+html] problem formularz - kancik - 05-01-2012
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.
RE: [jquery+html] problem formularz - bryndzyk - 05-01-2012
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
RE: [jquery+html] problem formularz - bryndzyk - 05-01-2012
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);RE: [jquery+html] problem formularz - kancik - 05-01-2012
zamiast "<br />" Użyj "\n"