[Fonksiyon]TRK Doğrular – jQuery Form Doğrulama

Bu konu boş.

2 yanıt dizini görüntüleniyor

Yazar

Yazılar

23 Temmuz 2011: 12:56 #6802

oralunal

Ziyaretçi

Merhaba arkadaşlar,

TRK Doğrular adını verdiğimiz bir jQuery form doğrulama fonksiyonu hazırladık sizler için. Fonksiyonun kurulumu ve kullanımı çok basittir. Ama önce fonksiyonun özelliklerini açıklayalım:

Kurulumu çok basittir. Kullanımı daha basittir.
class=”required” olarak belirtilen form alanlarını boş bırakarak formu göndermeye çalıştığınızda boş inputlar kırmızıya döner. Yani class=”required” sınıfları class=”required warning” olur. Bu alanlar doldurulmadan formu gönderilmez.
Boş bırakılan alanların üstüne tıklandığında ve birşeyler yazılmaya başlandığında input eski haline döner. Yani warning tanımlaması kalkar.
class kısmına ekstra sınıflar yazabilirsiniz. Örnek class=”stilim diger_stilim required”
Fonksiyonun kurulumu için trk_dogrular.js dosyasını indirmeniz gerekmektedir.

Kurulumu
HTML sayfanızın … tagları arasına jQuery kütüphanesi ile trk_dogrular kütüphanesini ekleyin:

<script src="http://code.jquery.com/jquery-latest.js"></script><br />
<script src="trk_dogrular.js"></script>

1 2	<script src="http://code.jquery.com/jquery-latest.js"></script><br /> <script src="trk_dogrular.js"></script>

Bu iki satırın hemen altına:

<script><br />
$(document).ready(function(){<br />
$("#ornek_form").trkDogrular();<br />
});<br />
</script>

$(document).ready(function(){<br />

$("#ornek_form").trkDogrular();<br />

});<br />

</script>

Satırlarını ekleyin. Daha sonra bir form oluşturun ve form id’sine “ornek_form” adını verin. Daha sonra eklediğiniz inputlara class=”required” ekleyin. Bunu eklediğiniz inputlar doldurulması zorunlu alanlar olacaklardır.

<form id="ornek_form" action=""><br />
Adınız <input class="required" /><br /><br />
Soyadınız <input class="required" /><br /><br />
Eposta <input class="required" /><br /><br />
<input type="submit" value="Gönder" /><br />
</form>

Adınız <input class="required" /><br /><br />

Soyadınız <input class="required" /><br /><br />

Eposta <input class="required" /><br /><br />

</form>

Hatalı olan yani boş bırakılan input alanlarına .warning isminde bir class eklenmektedir. İsteğe bağlı olarak düzenleyebilirsiniz.

<style><br />
.warning{<br />
border: 1px solid #FF0000;<br />
}<br />
</style>

.warning{<br />

border: 1px solid #FF0000;<br />

}<br />

</style>

Bu fonksiyon ile ilgili yaşadığınız problemleri lütfen yorum olarak yazmayı ihmal etmeyin. Sizlerin geri dönüşleriyle bu fonksiyon geliştirilecektir.

[ortala:ayrroxy3]DEMO | FONKSİYONU İNDİR[/ortala:ayrroxy3]

1 Temmuz 2014: 22:26 #8918

Anonim
Ziyaretçi

tesekkürler
2 Aralık 2014: 23:57 #8919

Anonim
Ziyaretçi

teşekkürler

Yazar

Yazılar

2 yanıt dizini görüntüleniyor

Bu konuyu yanıtlamak için giriş yapmış olmalısınız.