Forum PHP.pl

Witam.

Chce połączyć 2 skrypt js mają podobne zastosowanie.
Muszę łączyć bo w form może być chyba tylko jedno id.

Moje form wygląda tak:

[HTML] pobierz, plaintext 
<form id="form1" class="cmxform"  action="http://mojaweb.pl" method="post">		
[HTML] pobierz, plaintext 

1 skrypt

[JAVASCRIPT] pobierz, plaintext 
$.validator.setDefaults({
	submitHandler: function() {
		alert("submitted!");
	}
});
 
$.metadata.setType("attr", "validate");
 
$(document).ready(function() {
	$("#form1").validate();
	$("#selecttest").validate();
});
[JAVASCRIPT] pobierz, plaintext 

2 skrypt

[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 

Chce to połączyć w jakąś całość lub znaleźć rozwiązanie aby działało bo w form może być jedno ID.
Stosuję tylko jedno form lub kilka jeżeli będzie to poprawnie działać.

Czemu więc to co w $(document).ready(function() w obu, nie umieścisz razem? Ja nie widzę powodu by nie miało działać

Zrobiłem tak:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
$("#rejestracja2").validate({  
$("#form1").validate();
$("#selecttest").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 

Nie działa. Nie znam się na js.

ale w form jak wpiszę rejestracja waliduje mi pola a jak wpisze form1 waliduje mi checkboxa bo tak są ustawione id.
Chce aby wpisac np calosc i walidowało mi za jednym razem wszystko.
Trzeba te 2 skrypty jakos polaczyc.

To w jQuery poczytaj czym różni się wywołanie $("#formularz") od $(".formularz") i pomyśl czy to nie jest to o co Ci chodzi oraz jak to wetknąć by były jedne reguły walidacji do choćby 100 formularzy na stronie. Swoją droga więcej niż jeden form na stronie jest czasem ryzykownym działaniem, jeśli stosowane to jest nieumiejętnie.

No dobra zadziałało.
Dzięki wielkie za pomoc.
A co ten kod to taki duży badziew?

everth... zamiast wywalać tyle id do formularza, o wiele prościej zrobić podpięcie pod klasę. Co jest prostsze i elastyczniejsze w przyszłości do ponownego wykorzystania:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
    $("#form1,#selecttest,#rejestracja").validate(validateRules);
    //jakie tam jeszcze chcesz formularze pod te zasady
});
[JAVASCRIPT] pobierz, plaintext 

z wywołaniem i dopisywaniem za każdym razem nowego id formularza

[HTML] pobierz, plaintext 
<form id="form1" class="cmxform"  action="http://mojaweb.pl" method="post">	
[HTML] pobierz, plaintext 

czy może:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
    $(".formularz").validate(validateRules);
    //jakie tam jeszcze chcesz formularze pod te zasady
});
[JAVASCRIPT] pobierz, plaintext 

z wywołaniem:

[HTML] pobierz, plaintext 
<form id="form1" class="cmxform formularz"  action="http://mojaweb.pl" method="post">	
[HTML] pobierz, plaintext 

i pchnięcie tego do dodatkowego pliku js, który zrobi za bibliotekę funkcji własnych opartych o jQuery?

@thek: to może ja mu jeszcze formularz z CSSem napiszę? Samo wrzucanie kilku formularzy na jedną stronę jest proszeniem się o kłopoty. Stosowanie podpięcia pod ID czy klasę jest sprawą drugorzędną.

Everth... Ne chodzi by mu cokolwiek pisać gotowego, tylko podpowiedzieć mu elastyczniejsze rozwiązanie i być może sam oceni co mu bardziej pasuje. Zwróć uwagę o czym pisałem bo nie dałem gotowca wcale, ale posłużyłem się przeklejką Twojego kodu JS jako możliwego rozwiązania. Chodzi mi o DRY jedynie. Lepiej napisać ten kod raz by mógł odwołać się do niego kiedykolwiek, zwyczajnie dołączając plik js gdy będzie potrzebny. Jeśli na stronie w formularzu będziesz miał 15 datepickerów to też zdefiniujesz im wszystkim w skrypcie id? A co jeśli tworzysz datepickery dynamicznie i nie znasz ich id po prostu? Chodzi mi tylko o wygodę rozwiązania. Jeśli element może być wykorzystany wielokrotnie w obrębie strony lub formularza to wygodniej jest go pchnąć nie przez id, ale klasę.

I samo użycie kilku formów na jednej stronie, jeśli zrobi to nieumiejętnie, określiłem jako proszenie się o kłopoty kilka postów temu w tym temacie.

[ZAL]ŻAL MI TEGO FORUM

Żal mi leniów. Bo mogą się nauczyć, a nie chcą. :<