jquery seçili radio elemanına göre form kuralı uygulama
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>
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 : )
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.