v2.5.2
Giriş yap

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

mutluol
752 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 : )

Cevap yaz
Cevaplar (4)
mutluol
1451 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.

makifgokce
1452 gün önce

bu işini görecektir.
https://www.w3schools.com/bootstrap/bootstrap_ref_js_tab.asp
3 ayrı form yaparsın formlara id verip.ona göre işlem yaparsın.

mutluol
1452 gün önce

çalışan basit bir koşul örneğine ihtiyacım var hala. içini ben doldururum. javascriptten anlayan bir el atabilirse çok hayrına geçiçek. her şey bitti, burada takıldım yayınlayamıyorum bu yüzden.

mutluol
1454 gün önce

@tayfunerbilen hocam bir el atarsanız çok mutlu olurum ya. deli gibi arıyorum nette ama, çözümü acemilikten göremiyorum.