jQuery Php Form Kontrolü

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

Öncelikle merhabalar bir jQuery ile bir form kontrölü yaptırıyorum.. Bilmeyenlere de örnek olsun..

formum

 
  <form action="kayit.php" method="post" onsubmit="return false" id="kayitformum"> 
  			    <table> 
  				<tr> <td align="right" class="kayittd">Adınız:</td> <td align="left"><input type="text" name="kullaniciad" id="kullaniciad" class="kayitinput1" /></td></tr> 
  				<tr> <td align="right" class="kayittd">Soyadınız:</td> <td align="left"><input type="text" name="kullanicisoyad" id="kullanicisoyad" class="kayitinput2" /></td></tr> 
  				<tr> <td align="right" class="kayittd1">E-posta Adresiniz:</td> <td align="left"><input type="text" name="kullanicieposta" id="kullanicieposta" class="kayitinput3" /></td></tr> 
  				<tr> <td align="right" class="kayittd">Şifreniz:</td> <td align="left"><input type="password" name="kullanicisifre" id="kullanicisifre" class="kayitinput4" /></td></tr> 
  				<tr> <td align="right" class="kayittd">Şifreniz Tekrar:</td> <td align="left"><input type="password" name="kullanicisifretekrar" id="kullanicisifretekrar" class="kayitinput5" /></td></tr> 
  				<tr> <td align="right" class="kayittd">Cinsiyet:</td><td align="left"><select name="cinsiyet" class="kayitselect" id="cinsiyet"><option value="-1">Seç:</option><option value="Erkek">Erkek</option><option value="Bayan">Bayan</option></select></td></tr> 
  				</table> 
  				<span class="kayitbutonyer"><input type="Submit" class="kayitbuton" value="Kayıt Ol" onclick="kayitkontrol()"/></span> 
  				</form> 
  				<p class="kayitsonuc"></p>

formkontrölü.js

 
  // Kayit Valid Form 
   
     function kayitkontrol(){ 
  var kullaniciad = $("#kullaniciad").val(); 
     kullaniciad = jQuery.trim(kullaniciad); 
  var kullanicisoyad = $("#kullanicisoyad").val(); 
     kullanicisoyad = jQuery.trim(kullanicisoyad); 
  var kullaniciposta = $("#kullanicieposta").val(); 
     kullaniciposta = jQuery.trim(kullaniciposta);	 
  var kullanicisifre = $("#kullanicisifre").val(); 
     kullanicisifre = jQuery.trim(kullanicisifre);	 
  var kullanicisifretekrar = $("#kullanicisifretekrar").val(); 
     kullanicisifretekrar = jQuery.trim(kullanicisifretekrar); 
  var kullanicicinsiyet = $("#cinsiyet").val(); 
     kullanicicinsiyet = jQuery.trim(kullanicicinsiyet);	 
   
  	if(kullaniciad == ''){ 
   //Benim istediğim hatayı yazdırırken inputumun background-color'unu kırmızı yapmak.. Bunu nasıl yapabilirim. 
          $('.kayitsonuc').html('Lütfen Adınızı Giriniz..'); 
  	}else if(kullanicisoyad == ''){ 
  	$('.kayitsonuc').html('Lütfen Soyadınızı Giriniz..'); 
  	}else if(kullaniciposta == ''){ 
          $('.kayitsonuc').html('Lütfen E-Posta Adresinizi Giriniz..'); 
  	}else if(kullaniciposta.indexOf("@") < 0 || kullaniciposta.indexOf(".") < 0){ 
          $('.kayitsonuc').html('Geçerli Bir E-Posta Adresi Giriniz..'); 
  	}else if(kullanicisifre == ''){ 
  	$('.kayitsonuc').html('Şifrenizi Giriniz..'); 
  	}else if(kullanicisifretekrar == ''){ 
  	$('.kayitsonuc').html('Şifrenizi Tekrar Giriniz..'); 
  	}else if(kullanicisifre != kullanicisifretekrar){ 
  	$('.kayitsonuc').html('Şifreniz Birbiriyle Uyumlu Değil..'); 
  	}else if(kullanicicinsiyet == -1){ 
  	$('.kayitsonuc').html('Cinsiyet Seçininiz..'); 
  	}else{ 
          $("#kayitformum").removeAttr("onsubmit");   
  	} 
  			}

Benim istediğim hatayı yazdırırken inputumun background-color'unu kırmızı yapmak.. Bunu nasıl yapabilirim.

< Bu mesaj bu kişi tarafından değiştirildi developdesigned -- 26 Ağustos 2012; 19:49:55 >

_____________________________

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

_____________________________

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

_____________________________

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

_____________________________

ilkweb.com sıkılmadan hoşca vakit geçirebileceğiniz 7den 70e her yaş için uygun içeriğin yer aldığı eğlence portalıdır.

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

_____________________________

The Time Lord

Yarbay

2488 Mesaj

Tüm Başarılarını Gör

_____________________________

Atatürkçü Düşünce Topluluğu

I am The Doctor. I always will be. But times change, and so must I... we all change. When you think about it, we are all different people, all through our lives and that's okay, that's good! You've gotta keep moving, so long as you remember all the people that you used to be. I will not forget one line of this, not one day. I swear. I will always remember when the doctor was me.

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

_____________________________

The Time Lord

Yarbay

2488 Mesaj

Tüm Başarılarını Gör

_____________________________

Atatürkçü Düşünce Topluluğu

I am The Doctor. I always will be. But times change, and so must I... we all change. When you think about it, we are all different people, all through our lives and that's okay, that's good! You've gotta keep moving, so long as you remember all the people that you used to be. I will not forget one line of this, not one day. I swear. I will always remember when the doctor was me.

TSF Aristona

Yüzbaşı

385 Mesaj

Tüm Başarılarını Gör

_____________________________

"Eğer 6 ay önce yazdığın kodları gördüğünde utanmıyorsan, kendini yeterince hızlı geliştiremiyorsun demektir."

The Time Lord

Yarbay

2488 Mesaj

Tüm Başarılarını Gör

_____________________________

Atatürkçü Düşünce Topluluğu

I am The Doctor. I always will be. But times change, and so must I... we all change. When you think about it, we are all different people, all through our lives and that's okay, that's good! You've gotta keep moving, so long as you remember all the people that you used to be. I will not forget one line of this, not one day. I swear. I will always remember when the doctor was me.

TSF Aristona

Yüzbaşı

385 Mesaj

Tüm Başarılarını Gör

_____________________________

"Eğer 6 ay önce yazdığın kodları gördüğünde utanmıyorsan, kendini yeterince hızlı geliştiremiyorsun demektir."

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

_____________________________

TSF Aristona

Yüzbaşı

385 Mesaj

Tüm Başarılarını Gör

quote:

Orijinalden alıntı: drytea

quote:

Orijinalden alıntı: TSF Aristona

quote:

Orijinalden alıntı: The Time Lord

quote:

Orijinalden alıntı: TSF Aristona

Neden kontrolleri PHP'de yapıp ajax ile değer döndürmüyorsunuz? Hem server tarafına hemde client tarafına aynı kontrolleri yapmanın bir anlamı yokki?

Demeye çalıştığım şey şu.

Şimdi kullanıcının şifresi aynı mı? E-maili doğru girmiş mi? gibi kontroller yapıyoruz, ama bunlar client tarafında. Aynı kontrolleri kayit.php'de de yapmamız gerekiyor. Yani hem javascript tarafında, hem de sunucu tarafında 2 defa kod yazılmış olacak. Boşa vakit kaybı.

Bunun yerine kontrollerin kayit.php'de yapılıp, çıktıların AJAX aracılığıyla HTML/TEXT olarak cliente verilmesi daha sağlıklı. Hatta daha profesyonel olması amacıyla XML yada JSON çıktısı bile verebilirsiniz. Yani kullanıcı e-mail adresini düzgün girmemişse bunu PHP'nin kontrol etmesi gerekir, clientin değil.

Eğer sunucuya aşırı yük biniyorsa bu tür clientside kontroller uygulanabilir, ama çoğu zaman gereksizdir. Http requst atılacak her defasında.

İyide jquery de yani clientte kontroller doğru uygulandıktan sonra kayit.php sayfasına yönlendiriliyor. Ben kayit.php sayfasında yapmak istesem yaparım da her defasında şifreler yanlışsa misal olarak neden hep forma yönlendireyim. Clientte formumu kontrol ettiririm. Hepsi doğruysa kayit.php de anında kayıt yaparım. Dediğin doğru fakat en ufak hataya bile formu yenilemek gıcık eder adamı. Düşünsene bir siteye üye olcak doğum tarihini unuttuğunu varsayalım formu gönderdin. Doğum tarihini girmedin diye formu sıfırlıcak. Bu da kullanıcı kaybettiririr. En azından ön kontrol daha iyi alert() veya .html() ile uyarı çıkartırım form submit etmeden o daha mantıklı ve hoş olur..

AJAX kullandığınız zaman form değerleri silinmez ki? Sayfa yenilenmiyor çünkü.
Benim kendi sitemdeki örneği şurada:http://www.sobafire.com/#!kayit.html
Kontrolleri jQuery değil PHP yapıyor.
Ayrıca ben javascripti devredışı bırakabilirim yada kendime farklı bir form oluşturup verileri sizin PHP'nize gönderirim, bu durumda PHP'de bu tür kontroller yapmazsanız büyük bir güvenlik açığı oluşur.
Ben siz yorulmayın diye söylüyorum. Normalde bu yaptığınız sunucudaki yükü azaltır, ama gereksiz yere daha fazla kod yazmış olursunuz.

_____________________________

"Eğer 6 ay önce yazdığın kodları gördüğünde utanmıyorsan, kendini yeterince hızlı geliştiremiyorsun demektir."

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

quote:

Orijinalden alıntı: TSF Aristona

quote:

Orijinalden alıntı: drytea

quote:

Orijinalden alıntı: TSF Aristona

quote:

Orijinalden alıntı: The Time Lord

quote:

Orijinalden alıntı: TSF Aristona

Neden kontrolleri PHP'de yapıp ajax ile değer döndürmüyorsunuz? Hem server tarafına hemde client tarafına aynı kontrolleri yapmanın bir anlamı yokki?

Demeye çalıştığım şey şu.

Şimdi kullanıcının şifresi aynı mı? E-maili doğru girmiş mi? gibi kontroller yapıyoruz, ama bunlar client tarafında. Aynı kontrolleri kayit.php'de de yapmamız gerekiyor. Yani hem javascript tarafında, hem de sunucu tarafında 2 defa kod yazılmış olacak. Boşa vakit kaybı.

Bunun yerine kontrollerin kayit.php'de yapılıp, çıktıların AJAX aracılığıyla HTML/TEXT olarak cliente verilmesi daha sağlıklı. Hatta daha profesyonel olması amacıyla XML yada JSON çıktısı bile verebilirsiniz. Yani kullanıcı e-mail adresini düzgün girmemişse bunu PHP'nin kontrol etmesi gerekir, clientin değil.

Eğer sunucuya aşırı yük biniyorsa bu tür clientside kontroller uygulanabilir, ama çoğu zaman gereksizdir. Http requst atılacak her defasında.

İyide jquery de yani clientte kontroller doğru uygulandıktan sonra kayit.php sayfasına yönlendiriliyor. Ben kayit.php sayfasında yapmak istesem yaparım da her defasında şifreler yanlışsa misal olarak neden hep forma yönlendireyim. Clientte formumu kontrol ettiririm. Hepsi doğruysa kayit.php de anında kayıt yaparım. Dediğin doğru fakat en ufak hataya bile formu yenilemek gıcık eder adamı. Düşünsene bir siteye üye olcak doğum tarihini unuttuğunu varsayalım formu gönderdin. Doğum tarihini girmedin diye formu sıfırlıcak. Bu da kullanıcı kaybettiririr. En azından ön kontrol daha iyi alert() veya .html() ile uyarı çıkartırım form submit etmeden o daha mantıklı ve hoş olur..

AJAX kullandığınız zaman form değerleri silinmez ki? Sayfa yenilenmiyor çünkü.
Benim kendi sitemdeki örneği şurada:http://www.sobafire.com/#!kayit.html
Kontrolleri jQuery değil PHP yapıyor.
Ayrıca ben javascripti devredışı bırakabilirim yada kendime farklı bir form oluşturup verileri sizin PHP'nize gönderirim, bu durumda PHP'de bu tür kontroller yapmazsanız büyük bir güvenlik açığı oluşur.
Ben siz yorulmayın diye söylüyorum. Normalde bu yaptığınız sunucudaki yükü azaltır, ama gereksiz yere daha fazla kod yazmış olursunuz.

O konu da haklısınız ayrıntılı pm rica edebilirmiyim bu form kontrolü hakkında. Şunu da söylemek isteyeyim. AJAX kullanmayı bilmiyorum. JQUERY az çok biliyorum. Diğer projemde sıfır ajax vardı çok uğraştırdı çünkü. kayit.php den ordan oraya yönlendirmek sıktı o konuda..

_____________________________

TSF Aristona

Yüzbaşı

385 Mesaj

Tüm Başarılarını Gör

 
  <script> 
      $(document).ready(function(){ 
          $("#doRegister").click(function(e) 
          { 
              e.preventDefault();  // prevent normal form submit 
  			$("#result").html('<img src="<%THEME%>images/loading.gif">'); 
              var formData = $("#kayit").serialize(); 
              $.post("?page=register&s=process", formData, function(data) 
  			{ 
                  $("#result").html(data); 
              }); 
          }); 
      }); 
  </script> 
   
  <div align="center"> 
  <%HATA%> 
  <div id="result"></div> 
   
  <form name="kayit" id="kayit"> 
  	<table width="240"> 
  	 
  	<tr height="30"> 
  		<td width="120">Kullanıcı Adı:</td> 
  		<td width="120"><input type="text" name="username" id="username"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Şifre:</td> 
  		<td width="120"><input type="password" name="password" id="password"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Şifre (tekrar):</td> 
  		<td width="120"><input type="password" name="cpassword" id="cpassword"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Email:</td> 
  		<td width="120"><input type="text" name="email" id="email"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Email (tekrar):</td> 
  		<td width="120"><input type="text" name="cemail" id="cemail"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">İsim:</td> 
  		<td width="120"><input type="text" name="realname" id="realname"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Soyisim:</td> 
  		<td width="120"><input type="text" name="realsirname" id="realsirname"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td><input type="button" name="doRegister" id="doRegister" value="Kaydımı gerçekleştir."></td> 
  	</tr> 
  </form> 
  </div>

İlk başta jQuery vb. include edin.
?page=register&do=process yazan yere kayit.php yazmanız gerekiyor. PHP bölümünde şunu yapabilirsin.

if(strlen($_POST['username']) <= 5) 
  { 
       echo "Kullanıcı adı 5 karakterden kısa olamaz."; 
       return; 
  }

< Bu mesaj bu kişi tarafından değiştirildi TSF Aristona -- 2 Eylül 2012; 20:14:11 >

_____________________________

"Eğer 6 ay önce yazdığın kodları gördüğünde utanmıyorsan, kendini yeterince hızlı geliştiremiyorsun demektir."

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

quote:

Orijinalden alıntı: TSF Aristona

 
  <script> 
      $(document).ready(function(){ 
          $("#doRegister").click(function(e) 
          { 
              e.preventDefault();  // prevent normal form submit 
  			$("#result").html('<img src="<%THEME%>images/loading.gif">'); 
              var formData = $("#kayit").serialize(); 
              $.post("?page=register&s=process", formData, function(data) 
  			{ 
                  $("#result").html(data); 
              }); 
          }); 
      }); 
  </script> 
   
  <div align="center"> 
  <%HATA%> 
  <div id="result"></div> 
   
  <form name="kayit" id="kayit"> 
  	<table width="240"> 
  	 
  	<tr height="30"> 
  		<td width="120">Kullanıcı Adı:</td> 
  		<td width="120"><input type="text" name="username" id="username"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Şifre:</td> 
  		<td width="120"><input type="password" name="password" id="password"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Şifre (tekrar):</td> 
  		<td width="120"><input type="password" name="cpassword" id="cpassword"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Email:</td> 
  		<td width="120"><input type="text" name="email" id="email"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Email (tekrar):</td> 
  		<td width="120"><input type="text" name="cemail" id="cemail"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">İsim:</td> 
  		<td width="120"><input type="text" name="realname" id="realname"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td width="120">Soyisim:</td> 
  		<td width="120"><input type="text" name="realsirname" id="realsirname"></td> 
  	</tr> 
  	 
  	<tr height="30"> 
  		<td><input type="button" name="doRegister" id="doRegister" value="Kaydımı gerçekleştir."></td> 
  	</tr> 
  </form> 
  </div>

İlk başta jQuery vb. include edin.
?page=register&do=process yazan yere kayit.php yazmanız gerekiyor. PHP bölümünde şunu yapabilirsin.

if(strlen($_POST['username']) <= 5) 
  { 
       echo "Kullanıcı adı 5 karakterden kısa olamaz."; 
       return; 
  }

Bu data olaylarını anlamıyorum. Kayıt.php'mde mesela şifreleriniz aynı değil yazısını nasıl ajax ile formum da çıkartcam ?

_____________________________

TSF Aristona

Yüzbaşı

385 Mesaj

Tüm Başarılarını Gör

_____________________________

"Eğer 6 ay önce yazdığın kodları gördüğünde utanmıyorsan, kendini yeterince hızlı geliştiremiyorsun demektir."

developdesigned

Yüzbaşı

580 Mesaj

Tüm Başarılarını Gör

_____________________________

The Time Lord

Yarbay

2488 Mesaj

Tüm Başarılarını Gör

_____________________________

Atatürkçü Düşünce Topluluğu

I am The Doctor. I always will be. But times change, and so must I... we all change. When you think about it, we are all different people, all through our lives and that's okay, that's good! You've gotta keep moving, so long as you remember all the people that you used to be. I will not forget one line of this, not one day. I swear. I will always remember when the doctor was me.

Benzer içerikler