[HTML][JavaScript] obsługa 2 formularzy Opcje

[bubus_s]

Witam po raz kolejny.

Mam stronę na niej są 2 takie formularze
Tylko rozmieszczone w różnych miejscach

[HTML] pobierz, plaintext 
 <tbody><tr>
			<td colspan="2" style="width: 400px; color: rgb(168, 0, 0); font-weight: bold;" class="desc">Aby otrzymać artykuł wypełnij poniższy formularz. </td>
		</tr>
		<tr>
			<td class="desc">Email: *</td>
 
			<td>
				<input type="text" value="" name="email"/>
			</td>
		</tr>
		<tr>
			<td class="desc">Imię: *</td>
			<td>
				<input type="text" value="" name="name"/>
 
			</td>
		</tr>
 
		<tr>
			<td class="desc"> </td>
			<td>
				<input type="checkbox"   name="agreementForPrivacy" value="1" class="left checkbox"  id="agree" name="agree" />
                <span style="padding-bottom: 2px; color: rgb(168, 0, 0);" class="left block">
                 	Akceptuję <a href="http://tendernet.pl/regulamin">regulamin</a>	 i <a href="http://tendernet.pl/regulamin">politykę prywatności</a>
 
				</span>
			</td>
		</tr>
 
		<tr>
			<td style="text-align: right;" colspan="2">
			<input type="submit" onclick="return confirm('Sprawdź swoją skrzynkę e-mailową - znajdziesz tam nową wiadomość, w której znajdziesz link; musisz go kliknąć, aby potwierdzić chęć otrzymywania artykułu ode mnie.\n\nUwaga! E-maila z prośbą o potwierdzenie chęci otrzymania artykułu najprawdopodobniej trafi do SPAMu. ')" style="margin: 0px; padding: 0px;" value="Tak! Poproszę darmowy artykuł" name="addService" class="button_vlong button_vlong3 right" />
			</td>
		</tr>
		<tr>
 
			<td colspan="2" style="width: 400px; font-size: 10px;" class="desc">(*) oznacza pola obowiązkowe</td>
		</tr>
	</tbody>
[HTML] pobierz, plaintext 

Skrypt Javy natomiast który służy za walidację tylko waliduje 1 formularz pierwszy a drugi natomiast nie jest walidowany.

Odpada zmienienie nazw w formularzu 2 aby skrypt walidował 2 formularze.
Więc trzeba zrobić coś w skrypcie javy.
Dlaczego nie mogę bo wtedy z formularza nie będzie wysyłane zapytanie do bazy.

Proszę o pomoc

[askone]

Skrypt Javy natomiast który służy za walidację tylko waliduje 1 formularz pierwszy a drugi natomiast nie jest walidowany.

Rozumiem, iż masz na myśli javascript

Czy obydwa formularze są identyczne? Czy mają takie same nazwy? Pokaż kod w całości, wpierw jednego, potem drugiego - ewentualnie wytnij środek.... No i nie zapomnij o funkcji javascript, którą chcesz walidować

Pozdrawiam

[bubus_s]

Formularze są takie same nazwy również poprostu skopiowane więc nie ma co pokazywać ich 2 razy.

Natomiast skrypt który waliduję wygląda następująco.

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
    $("#rejestracja").validate({  
        rules: {
 
            name: {
                required: true,
                minlength: 0
                },
 
 
 
		email: {
                required: true,
                email: true
                }
            },
        messages: {
 
 
 
		name:{
                required: "Pole Imie nie może być puste",
                minlength: "Nie wpisaleś imienia"
            },
 
            email:{
                required: "Wprowadź adres e-mail",
                email: "Wprowadź poprawny adres e-mail"
                }
        },
		success: function(label) {
			label.html(" ").addClass("sprawdzony");
		}
 
  });
});
[JAVASCRIPT] pobierz, plaintext 

Tak przy okazji chcę jeszczę aby checkboxa walidowało.

Ten post edytował bubus_s 18.08.2010, 14:08:02

[piotrooo89]

proszę o używanie poprawnego bbcode.

no dobrze a gdzie masz tag otwierający formularz? (<form>).

[askone]

$("#rejestracja").validate({...})

Kod js nie waliduje obydwu ponieważ funkcja walidująca została przypisana tylko do formularza o id = "rejestracja". Jak dobrze wiadomo na stronie nie może być kilku elementów o takim samym id... Jeśli chcesz zastosowac tę samą funkcję to walidacji to zrób:

Kod

$("form").validate({...});

$("form.rejestracja").validate({...});

$("#rejestracja, #rejestracja2").validate({...});

Oczywiście wybierasz tylko jeden sposób

Ten post edytował askone 18.08.2010, 13:36:56

[bubus_s]

Dziękuje. za pomoc skrypt działa.

Jeszcze małe pytanie z którym męczę się już jakieś 3-4 godziny.

Jak można zauważyć w formularzu jest checkbox

[HTML] pobierz, plaintext 
<form id="rejestracja" action="http:adres" method="post">
 
<input type="hidden" name="account" value="4">  
<table class="stTable">
 
 
        <tbody><tr>
			<td colspan="2" style="width: 400px; color: rgb(168, 0, 0); font-weight: bold;" class="desc">Aby otrzymać artykuł wypełnij poniższy formularz. </td>
		</tr>
		<tr>
			<td class="desc">Email: *</td>
 
			<td>
				<input type="text" value="" name="email"/>
			</td>
		</tr>
		<tr>
			<td class="desc">Imię: *</td>
			<td>
				<input type="text" value="" name="name"/>
 
			</td>
		</tr>
 
		<tr>
			<td class="desc"> </td>
			<td>
				<input type="checkbox"   name="agreementForPrivacy" value="1" class="left checkbox"  id="agree" name="agree" />
                <span style="padding-bottom: 2px; color: rgb(168, 0, 0);" class="left block">
                 	Akceptuję <a href="http:///regulamin">regulamin</a>	 i <a href="http:///regulamin">politykę prywatności</a>
 
				</span>
			</td>
		</tr>
 
		<tr>
			<td style="text-align: right;" colspan="2">
			<input type="submit" onclick="return confirm('Sprawdź swoją skrzynkę e-mailową - znajdziesz tam nową wiadomość, w której znajdziesz link; musisz go kliknąć, aby potwierdzić chęć otrzymywania artykułu ode mnie.\n\nUwaga! E-maila z prośbą o potwierdzenie chęci otrzymania artykułu najprawdopodobniej trafi do SPAMu. ')" style="margin: 0px; padding: 0px;" value="Tak! Poproszę darmowy artykuł" name="addService" class="button_vlong button_vlong3 right" />
			</td>
		</tr>
		<tr>
 
			<td colspan="2" style="width: 400px; font-size: 10px;" class="desc">(*) oznacza pola obowiązkowe</td>
		</tr>
	</tbody>
</table>
</form>
[HTML] pobierz, plaintext 

Chcę aby skrypt walidował również checkboxa.

Z Javascirpt mam doczynienia pierwszy raz. Na forum doradzili mi abym skorzystał z jakiegoś plugina to tak zrobiłem teraz jeszcze usiłuję dodać walidację checkboxa niestety bezskutecznie.

[piotrooo89]

może podasz nazwę pluginu, skąd go masz? ale wydaje mi się że http://jquery.bassistance.de/validate/, jeśli tak to zapoznaj się z tym przykładem: http://jquery.bassistance.de/validate/demo...elect-demo.html

[bubus_s]

Tak tak .
Zgadza się;]

Jedynie co znalazłem to:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
// only for demo purposes
$.validator.setDefaults({
	submitHandler: function() {
		alert("submitted!");
	}
});
 
$.metadata.setType("attr", "validate");
 
$(document).ready(function() {
	$("#form1").validate();
	$("#selecttest").validate();
});
</script>
[JAVASCRIPT] pobierz, plaintext 

Oraz

[HTML] pobierz, plaintext 
<label for="agree">Please agree to our policy</label>
			<input type="checkbox" class="checkbox" id="agree" name="agree" validate="required:true" />
			<br/>
			<label for="agree" class="error block">Please agree to our policy!</label>
[HTML] pobierz, plaintext 

Tylko w swoim formularzu nie mam pól label.

Dla przypomienia formularz jest wyżej

Nie wiem co z tego wykombinować aby działało

Ten post edytował bubus_s 18.08.2010, 14:09:48