Jquery ile formu doğrulayın

İçindekiler
Bu görevi gerçekleştirmek için kodun daha temiz, daha kompakt ve genişletilebilir olması için bir kitaplık olan Jquery Validation'ı kullanacağız. Bu teknoloji, sunucuda değil istemci tarafında çalıştığı için hem php hem de asp.net geliştiricileri için çalışır.
http://jqueryvalidation.org/ eklentisini ve ayrıca JQuery'nin en son sürümünü http://jquery.com/download/ indirerek başlayacağız.
Etiketler arasında
jquery.validation eklentisi, doğrulama yöntemleri ve tanımlayacağımız doğrulama kuralları üzerinden çalışır.
Doğrulama yöntemi, veri türüdür, örneğin sayısal bir metin alanı ve doğrulama kuralları Formumuzun bir öğesini, örneğin metin kutusunda, bir veya daha fazla doğrulama yöntemiyle ilişkilendirmeye izin verirler.
Örneğin, bir form ve bir isim metin kutusu tanımlıyoruz ve ona bir id ve gerekli sınıfı, yani gerekli olan zorunlu sınıfı atadık.

İsim

Formdan sonra doğrulamayı yapacak kodu koyuyoruz

Name alanına herhangi bir şey yazmadan formu göndermeye çalışırsak sonuç bir mesajdır.Bu alan varsayılan olarak İngilizce olarak zorunludur.

Forma ve e-posta atadığımız gerekli özniteliğe bir e-posta alanı ekleyeceğiz.

e-posta

Bu durumda mail alanının doğrulandığını görebiliriz ve bunun geçerli bir e-posta olmadığını söylüyor.
HATA MESAJLARININ ÇEVİRİLMESİ
Varsayılan olarak jquery doğrulamasının İngilizce dilini kullandığını gördük, bunu İspanyolca'ya nasıl çevireceğimizi göreceğiz. Eklentiyi yerelleştirme dizinine indirdiğimizde, mesajların birkaç dile çevrildiği js dosyalarını içeriyor, sadece ihtiyacımız olanı seçip içine eklememiz gerekiyor, bu yüzden ekliyoruz.
Web'i yeniliyoruz ve değişiklikler İspanyolca'daki hatalarla gözleniyor

Dil dosyası sadece bir jquery işlevi içeren metindir, bu nedenle mesajları özelleştirmek için açıp düzenleyebiliriz.
Bir alanın doğrulanmamasını istiyorsak, üzerine gerekli sınıfı koymayacağız. Bu eklenti, maksimum değer, minimum değer, tarih, sayısal rakamlar, bağlantı doğrulama gibi çeşitli veri biçimlerini destekler. Sadece 18 ile 99 yaş arasındaki sayısal değerlerin girilmesine izin verilen yaş alanı gibi kurallar da oluşturabiliriz.

$().hazır (işlev () {

$ ("#formdatos"). doğrula ({

hata ayıklama: doğru,

tüzük: {

yaş: {

gerekli: doğru,

rakamlar: doğru,

dk: 18,

maksimum: 99

}

}

})

})

Bu eklenti, örneğin, web uygulamalarının geliştirilmesinde çok zaman kazanmamızı ve veri yakalamada hata yapmaktan kaçınmamızı sağlar.

Kurallar ve yöntemler daha karmaşık bir şekilde oluşturulabilir ve hatta çeviri veya ihtiyaç duyduğumuz diğerleri gibi jquery işlevlerini kullanarak uzantılar gerçekleştirebilir.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
wave wave wave wave wave