E-Posta Zorunlu Kılma % Doğru E-Posta Adresi Girme

Merhaba Arkadaşlar
Ben sitem için ajaxlı geri bildirim formu hazırladım geri bildirim yapanlar'a iletişime geçmek için e-posta adreslerini görmem lazım bu yüzden bunu zorunlu nasıl yapabilirim. ben zorunlu olmayı denedim fakat yapamadım.
Zorunlu email olayını yaparsanız arkadaşlar Gönder Butonuna tıklayınca email adresi girmemişse Gönder butonuna tıklayınca slider kapanmasın hemen orada girmediğine dair uyarı verebilirmi acaba? umarım anlata bildim kendimi Kodlarım Aşağıdaki gibi yardımlarınız için teşekkür ederim.

iyi günler.

Geri Bildirim Formum

<!-- / Kirik Link Bildirimi Baslangic -->
	<div id="bildiri" title="Kırık Link Bildirimi" style="font-size: 12px;">
	<table>
		<tr><td>İsminiz:</td><td><input type="text"  id="name" /></td></tr>
		<tr><td>Email:</td><td><input type="text" id="email" /></td></tr>
		<input type="hidden" id="id" value="<?=$id?>" />
		<tr><td>Mesajanızı Buraya Yazınız:</td></tr>
		<tr><td colspan="2"><textarea id="bildir" style="width: 257px; height: 40px;"></textarea></td></tr>
		<tr><td colspan="2" style="font-size: 10px;"><br/>Bilgilendirmede Bulunduğunuz İçin Teşekkür Ederiz...</td></tr>
	</table>
	</div>
<!-- / Kirik Link Bildirimi Bitis -->

Geri Bildirim Ajax Kodlarım

<script type="text/javascript">
	$(document).ready(function () {
        $("#bildiri").dialog("destroy");
		$("#bildiri").dialog({
			height: 360,
			width: 300,
			autoOpen: false,
			resizable: false,
			modal: true,
			buttons: {
				"Gönder": function() {
					$.post("bildiri.php", {
					name: document.getElementById('name').value,
					email: document.getElementById('email').value,
					id: document.getElementById('id').value,
					bildir: document.getElementById('bildir').value 
					} );
					$( this ).dialog( "close" );
					document.getElementById('name').value="";
					document.getElementById('bildir').value="";
					document.getElementById('email').value="";
				},
				"Iptal": function() {
					$( this ).dialog( "close" );
				}
			}
		});
		
		$.ajaxSetup({ cache: false });
		$( "#opener" ).click(function() {
			$( "#bildiri" ).dialog( "open" );
			return false;
		});
		});
    </script>

Bildiri PHP Kodlarım

<?php

$id=$_POST['id'];
$ad=strip_tags($_POST['name']);
$email=strip_tags($_POST['email']);
$sikayet=strip_tags($_POST['bildir']);
mysql_query("INSERT INTO kiriklink(icerikid ,ad ,mail ,sikayet) VALUES ('$id', '$ad', '$email', '$sikayet')") or die("MySQL ERROR: ".mysql_error());

exit;

?>

<tr><td>Email:</td><td><input type="text" id="email" required="required" /></td></tr>

bu şekilde değiştirir misin?

Malesef olmadı.

<input type="email" id="email" /> bu şekilde olur

Malesef o şeklide de olmadı

yok uyarı vermez zaten sadece kutucuğun rengi değişir uyarı vermek için kaydet butonuna tıkladığında çalışan bir javascripte ihtiyacın var.

kaydet butonu formu submit etmeyecek javascript temel kontrolleri email bos alan varmı vs yaptıktan sonra formu post edecek.

biraz javascript bilmen gerekiyor yani

function epostakontrol($emailkontrol) { 
$regexp = "^[_a-z0-9-]+(\.[a-z0-9-]+)*@([0-9a-z][0-9a-z-]*[0-9a-z]\.)+[a-z]{2}[mtgvu]?$"; 
if(eregi($regexp,$emailkontrol)) { 
dogruysa kaydet; 
}else{ 
yanlıssa yönlendir; 
} 
}

Hz.Google "form validatir js" diye sorduğunda cevabını alabilirsin.

ilk olarak madem jquery'nin nimetlerinden faydalanıyorsunuz value'leri almak için bu kadar uğraşmanıza "document.getElementById('name').value," gerek yok, $("#name").va(), kullanmanız yeterli.

ikinci olarak mail kontrolünü php tarafında yapmak isterseniz @mhmtknbck verdiği kodu, jquery/javascript tarafında kontrol etmek isterseniz;


function epostakontrol(eposta){
var duzenli = new RegExp(/^[A-Za-z]{1}[\d\w\.-]+@[\d\w-]{3,}\.[\w]{2,3}(\.\w{2})?$/);
return duzenli.test(eposta);
}

var email = $.trim($("#email").val());

if(epostakontrol(yorum_email ) == false){
alert("Lütfen Geçerli Bir E-Posta Adresi Yazınız");
} else {

//formu gönderme işlemleri

}


kodlarını kendinize göre ayarlayıp kullanabilirsiniz.