v2.5.2
Giriş yap

jquery seçili radio elemanına göre form kuralı uygulama

mutluol
765 defa görüntülendi

merhaba,

    <form>
        <input checked id='signin' name='olay' type='radio' value='giris'>
        <label for='signin'>Giriş Yap</label>
        <input id='signup' name='olay' type='radio' value='kayıt'>
        <label for='signup'>Kayıt ol</label>
        <input id='reset' name='olay' type='radio' value='reset'>
        <label for='reset'>Sıfırla</label>
    <div id='wrapper'>
        <div id='arrow'></div>
        <input id='email' placeholder='Eposta' type="email" name="eposta" required>
        <input id='pass' placeholder='Şifre' type='password' name="sifre" required>
        <input id='repass' placeholder='Şifrenizi tekrar girin' type='password' name="resifre">
        <input type="checkbox" checked> <a data-toggle="modal" data-target="#uyelik-sozlesmesi"> Üyelik Sözleşmesi</a> şartlarını okudum ve kabul ediyorum
    </div>
        <button type='submit'><span>Şifre Sıfırla<br>Giriş Yap<br>Kayıt Ol</span></button>
    </form>
    

<script>

$(document).ready(function(){ 
	$("form").validate({ 

		submitHandler: function() { 
			$.ajax({ 
				url: 'inc/posts.php', 
				type: 'post', 
				data: $('form').serialize(), 
				success: function(msg) { 
					$('#bildir').html(msg); 
				}, 
				error: function(error) { 
					$('#bildir').html(error); 
				} 
			}); 
		} 
	}); 
}); 

</script>

http://prntscr.com/rt7wfv

radio elamanları sekme görevi görüyor. postu kontrol ederken olay isminin değerini kontrol ediyorum posts.php de. form alanında ise validate.js ile genel bir form kontorlü yaptırıyorum, sadece şifre ve eposta gerekli diye. ama tek form içerisinde olduğu için bütün nameler, şifre sıfırlama kısmını kullanmak isteyince formu gönderemiyorum çünkü şifre girilmesi zorunlu. bi el atarsanız sevinirim. php ile olsa çözerdim ama, javascripti kafam almıyorsa demek ki, bi türlü bağımsızlığımı ilan edemedim bu konuda. yardımcı olmak konusunda işi abartmak isteyenler, şifre alanına pattern ekleyebilirler : )

mutluol
1481 gün önce

cevabın için teşekkür ederim. bildiğin ölçüde alternatif bir çözüm ürtmen gerkeçkten mutlu etti beni. ama 3 form yapmak istesem, 3 adet form yapardım. 3 input 3 radiot butonu ile, 3 farklı aşamada kullanabiliyorum bu şekilde. sadece emaili zorunlu kılıp, geri kalan işlemleri php ile hallettim. teşekkürler.