Doğru Cevap
-
Bunun için herhangi bir koda gerek yok...
<input type="email" id="eposta" name="eposta" placeholder="E-Posta Adresiniz" required />
"type" alanını kendine göre düzenleyeceksin yani text,email,password ...
Type alanı için yazabileceklerin ve ilgili bilgiler için >>> http://www.w3schools.com/html5/html5_form_input_types.asp-
yildiz_7461
katapult arkadaş çoook teşekkürler sana dediğin gibi hallettim şimdi boş alanlarda hatayı veriyor fakat küçük bi nokta kaldı şifreler eşleşmediğinde yine söylemesi lazım şifreler eşleşmior die bunu nasıl yapıcam????*tekrar bi yardım edersen çok sewinirim?11 yıl önce yazılmış
-
Cevaplar
-
Bahsettiğin olayı php ile yapamazsın.
Form denetimi 2 şekilde yapılır.
1-Sunucu taraflı Form Denetimi(Php, asp vb. sunucuda çalışan dil marifetiyle... En güvenilir olanı budur. Çünkü kişi hata denetimi kodlarına müdehale edemez etmesi için sunucuya sızması lazım...)
1-İstemci(Kullanıcı) taraflı Form Denetimi (JavaScript vb. kişinin bilgisayarında çalışan kodlarla form denetimi)
Form denetimi yapılan kodlar istemcinin bilgisayarında çalıştığı için kişi bu denetim kodlarını değiştirerek ya da atlayarak denetimden kolaylıkla geçebilir...
- 1. metod 2. ye göre daha güvenlidir.
- 1. metod 2. metoda göre yavaştır ya da sayfanın yeniden yüklenmesi gerekir.
O zaman mantıklı olarak şu yapılmalıdır.
Güvensiz ama daha çabuk sonuç veren ve sayfayı yeniden yüklemeye gerek bırakmayan 2. öetot ile form denetimi yapmalıdır.
Sonra da
formdan post edilen veriler kendi sunucusu üzerinden post edilip edilmediğine bakıldıktan sonra.
Birde asıl olan sunucu taraflı form denetimine tabi tutulmalıdır.
Bu şekilde ilk denetimde sayfayı yeniden yüklemeyerek hız kazanmış olurken ikinci denetimle de ilkinde form denetimi atlatmak isteyen uyanıklardan kurtulmuş oluruz. Böylelikle uyanıklara ve kötü niyetlilere karşı form denetiminde yapmamız gerekenleri normal kullanıcılara yapmayarak onların işlemlerini de hızlandırmış oluruz.
Şimdi 2. metod yani kullanıcı taraflı form denetiminde artık sadece javascript kodlarıyla enetim yapmanın yanında Jquery+Ajax ile form sayfası arkasında kullanıcıyı rahatsız etmeden sunucu ile haberleşerek sunucu taraflı kodlarla form denetimi yapabiliriz.
Sizin sorduğunuz işlemde form denetiminin bu kısmı...
Bunu yapabilmenin çok yolu var. Elbette ajax ve jquery kullanacaksınız ama sizin site kodlarınızla da uyumlu olması lazım.
Bir örnek vereyim TTNET kayıt formuna bakabilirsiniz. Kodlamadan anlıyorsanız zaten buradaki çalışma mantığından olayı kolaylıkla çözebilirsiniz.
https://teksifre.ttnet.com.tr/kullanici-islemleri/kayit-giris/
Bunun dışında bunu hazır yapan JQuery Pluginleri vardır.
Örneğin bu sayfanın form denetimi bu şekildedir.
http://rehberkayit.11818.com.tr/11818.aspx
Bu ve bular gibi js dosyaları içindeki regex ifadeleri ve form denetim kodlarını incelemek ve öğrenmek yerinde olacaktır.
http://scriptforphp.blogspot.com/
http://rehberkayit.11818.com.tr/Scripts/languages/jquery.validationEngine-tr.js
http://www.springstudios.com/site/js/regForm.js (form : http://www.springstudios.com/membership/register.html)
Plugin ile form denetiminde en çok tutulan pluginler
http://jquery.bassistance.de/validate/demo/
http://jquerytools.org/demos/ (ortadaki Form Tools başlığını altındaki Validator yazan 6 örnek...)
Butür plugin iyi örneklerini veren örnek bir içerik.
http://speckyboy.com/2010/06/22/50-jquery-plugins-for-form-functionality-validation-security-and-customisation/
Plugin kullanma taraftarı değilim düşüncesindeyseniz sadece sayfanıza özel kodlamada yapabilirsiniz olması gerekende budur bence...
Buna bir örnek vereyim.
http://icon.benetton.com/wow/signup sayfası bu şekildedir.
kodları http://icon.benetton.com/wow/javascripts/global.js dosyasındadır.
Bunun için google'den "jquery form validation example" ve "validating forms with jquery and php" şeklinde bir arama yapabilirsin.
Hatta sadece google'den değil youtube'den de (Örnek : http://www.youtube.com/watch?v=qifPU5l3hBU - http://www.youtube.com/watch?v=k-8xq1eqzAk) arama yapılabilir.
Bence Jquery öğrenmede tek kaynak yeri olarak gördüğüm aşağıdaki gibi bir arama şekli ilede çok şık ve fonksiyonel örneklere ulaşabilir bunları orada deneyebilir kendi üüyeliğin altına kaydedebilirsin.
https://www.google.com.tr/#hl=tr&newwindow=1&safe=off&sclient=psy-ab&q=site:jsfiddle.net+validation&oq=site:jsfiddle.net+validation&gs_l=hp.3...51976.55327.1.55477.10.10.0.0.0.0.262.1923.0j5j4.9.0...0.0...1c.P1fykf6ZMeU&pbx=1&bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&fp=eb79a300bd76ced6&biw=1876&bih=973
google'ye şöyle yazmalısın site:jsfiddle.net validation
Bu jsfiddle.net sitesinde validation kelimesi geçen sayfaları bul anlamındadır. validation yerine siz artık ihtiyaç duyduğunuz şeyleri yazabilirsiniz <form checkbox vb. gibi
Buradanda bahsetmeden geçmek olmaz
http://stackoverflow.com/questions/tagged/forms+jquery+form-validation
Bu kadar yazıdan sonra çalışan bir örnek ya da anlatım vermeden olmaz. Örnek çok ama aklıma gelenleri ekleyeyim
Aşağıdaki adreste de sorduğun işlemi basit şekilde türkçe anlatan bir anlatım bulabilirsin.
http://bcakir.com/jquery-ve-php-ile-form-islemleri.html
http://www.onurdegerli.com.tr/2009/03/24/jquery-php-form-validation/
http://www.askaboutphp.com/213/php-and-jquery-submit-a-form-without-refreshing-the-page.html
http://jorenrapini.com/blog/javascript/the-simple-quick-and-small-jquery-html-form-validation-solution (http://jorenrapini.com/posts/validation/)
http://webcloud.se/log/Form-validation-with-jQuery-from-scratch/
http://www.magicedit.com/EasyFormValidationwi.cl
http://www.opencoder.co.uk/2010/07/jquery-remote-form-validation/
http://www.davidvanvickle.com/go.php?p=jquery-form-validation
http://sarangasl.blogspot.com/2010/02/validation-and-suggestions-using-jquery.html
http://www.joepettersson.com/accessible-php-and-jquery-contact-form/
http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/
Google olduğu sürece bu örneklerin sonu gelmez...
Aslında burada yazdıklarım özellikle de Soru sormadan önce herkesin yapması gereken işlemlerden ibaret. Bunları yaparsanız büyük bir ihtimalle soru sormaya gerek duymayacaksınız.-
zyber
Plugin ile çalışan basit bir örnek....
Çalışan hali
http://demo.osclass.org/general/user/register
Buda basitleştirilmiş hali...<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr" dir="ltr"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" /> <style type="text/css"> <!-- html,body,div,span,h1,h2,h3,p,hr,br,img,form,input,ul,li,a { margin:0; padding:0; border:0; } ul li {list-style:none;} body { font-family:Helvetica, Arial, Tahoma, sans-serif; font-size:13px; color:#444; line-height:1.5em; } #kapsayici { background:#fff; margin:10px auto; width:960px; border:0px solid #dfdfdf; min-height: 700px; } --> </style> <link href="http://localhost/osclass/oc-content/themes/modern/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" /></script> <script type="text/javascript" src="http://localhost/osclass/oc-content/themes/modern/js/jquery.validate.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ // Code for form validation $("form[name=register]").validate({ rules: { s_email: { required: true, email: true }, s_password: { required: true, minlength: 5 }, s_password2: { required: true, minlength: 5, equalTo: "#s_password" } }, messages: { s_email: { required: "Email: this field is required.", email: "Invalid email address." }, s_password: { required: "Password: this field is required.", minlength: "Password: enter at least 5 characters." }, s_password2: { required: "Second password: this field is required.", minlength: "Second password: enter at least 5 characters.", equalTo: "Passwords don't match." } }, errorLabelContainer: "#error_list", wrapper: "li", invalidHandler: function(form, validator) { $('html,body').animate({ scrollTop: $('h1').offset().top }, { duration: 250, easing: 'swing'}); } }); }); </script> </head> <body> <div id="kapsayici"> <div class="content user_forms"> <div class="inner"> <h1>Register an account for free</h1> <ul id="error_list"></ul> <form name="register" id="register" action="http://localhost/osclass/index.php" method="post" > <input type="hidden" name="page" value="register" /> <input type="hidden" name="action" value="register_post" /> <fieldset> <label for="name">Name</label> <input id="s_name" type="text" name="s_name" value="" /><br /> <label for="password">Password</label> <input id="s_password" type="password" name="s_password" value="" /><br /> <label for="password">Re-type password</label> <input id="s_password2" type="password" name="s_password2" value="" /><br /> <p id="password-error" style="display:none;"> Passwords don't match. </p> <label for="email">E-mail</label> <input id="s_email" type="text" name="s_email" value="" /><br /> <button type="submit">Create</button> </fieldset> </form> </div> </div> </div> </body>
</html>11 yıl önce yazılmış -
yildiz_7461
çok teşekkürler werdiğiniz bilgiler çook yararlı ama ben o kadar detaylı bişey istemiorum sadecephp de halletmek istiorum katapult isimli arkadaş sağolsun dediği gibi yaptım hallettim şimdi tek bi sorunum kaldı parolalar eşleşmediği zaman nasıl aynı hatayı verdiricemsorun orda bu konuda yardım edersen sewinirim:)11 yıl önce yazılmış
-