jquery username validation

Merhaba arkadaşlar

Normalde kullanıcı adını Php kısmında kontrol ettirir düzenli değilse uyarı verdirirdik ama bunun yerine Kullanıcı Adı Kontrolü  front-end kısmında yaparsak sayfa yenilenmeden kullanıcıda kullanıcı adınının normal forma uyup uymadığını görebilir ve ek olarak sunucuya fazladan sorgu yapmayız. Tabiki bu güvenilir bi yöntem değildir. Back-end kısmında da yine kontrol ettirmeniz gerekir.

Kullanıcı Adı Kontrolü

Öncelikle regex yani düzenli ifade kullanarak işlem yaptım. Kısaca regex kısmına bakarsak:

var regex = new RegExp("[^a-zA-Z0-9-_]","i");

Burada diyoruzki a-zA-z yani ingiliz alfabesindeki tüm küçük ve büyük harfler, 0-9 rakamlar ve  -_ işaretleri gördüğünde anlamına gelir. Başına koyduğumuz şağka (^) işareti ise değilini alır yani bu işaretlerden başka birşey olursa işlem yap manasındadır. ikinci parametre olarak verdiğimiz i parametresi de büyük küçük harf duyarlılığını kaldırır. Bu parametre şart değildir.

Kodlarımız:

<script type="text/javascript">
	$(function(){
		var nesne;
		var regex = new RegExp("[^a-zA-Z0-9-_]","i");
		$("#kadi").on({
		
			keyup: function(){
				nesne = $(this);
				nesne.val(nesne.val().replace(regex,""));
			
			},
			keypress:function(){
				nesne = $(this);
				nesne.val(nesne.val().replace(regex,""));
			
			},
		});	
		
	});

 

Kodları çalıştırabilmeniz için sayfanızda jQuery kütüphanesinin dahil olması ve #kadi id sine sahip bir elementiniz olması gerekir.

Bunun gibi E-posta kontrolü şifre kontrolü gibi işlemleri regex ile kolayca yapabilirsiniz.

Bol yazılımlı günler 🙂