jQuery ajax tutorial.

Tutoriale

Prosta walidacja pola formularza

Kod funkcji javascript: 

    $(document).ready(function(){
        $('#simpleForm').validate();
    });

Prosty formularz

*

Walidacja pola email.

Kod funkcji javascript: 

    $(document).ready(function(){
        $('#emailForm').validate({
            rules:{
                email:{
                    required: true,
                    email: true
                }
            }
        })
    });
Email formularz

*

Walidacja pola email.

Kod funkcji javascript: 

   $(document).ready(function(){
        $('#emailFormMessage').validate({
            rules:{
                email:{
                    required: true,
                    email: true
                }
            },
            messages:{
                email:{
                    required: "Podaj email",
                    email: "Podaj poprawna wartość email"
                }

            }
        })
    });
Email formularz

*

Złożona walidacja pola formularza

Kod funkcji javascript: 

   $(document).ready(function(){
    var validator = $("#commentForm").validate({
		rules:{
			email:{
				required: true,
				email: true,
			},
			zip:{
				required: true,
				maxlength: 6
			},
			from:{
				required: true,
				date:true
			},
			to:{
				required: true,
				date:true
			}
		},
		messages:{
					email: "Podaj poprawny email",
					from:{
						required: "Podaj date from",
						date: "Podaj poprawna date"
					},
					to:{
						required: "Podaj date to",
						date: "Podaj poprawna date"
					}
				}
	}
	);
  });
A simple comment form with submit validation and default messages

*

*

*

*

*

*

*

*

*