JavaScript İle E-Posta Kontrolü

JavaScript İle E-Posta adresini kontrol ettirip geçerli olup olmadığına bakabileceğiniz bir kod öbeği;

<script type="text/javascript"> 
function validate(form_id,email) {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 
	var address = document.forms[form_id].elements[email].value; 
	if(reg.test(address) == false) {
		alert('Geçersiz email adresi!...'); 
		return false; 
	} 
}
</script>
Form;
<form id="form_id" method="post" action="action.php" onsubmit="javascript:return validate('form_id','email');">
	<input type="text" id="email" name="email" />
	<input type="submit" value="Submit" />
</form>


Etiketler: JavaScript js

2 yorum

  • Yorumunuz en az 30 karakter olmalıdır. (0)
    Tüm Yorumlar
    • Master Admin Yorum: 382 Forum Mesaj: 295

      Merhaba alttaki kod örneğini incelerseniz bu iletiyi neden aldığınızı anlarsınız. Her bir text input'un adı farklı olduğu gibi js içinde de her birini değişkene atayıp kontrolü ayrı ayrı if koşullarıyla yapmanız gerekiyor.

       

      HTML;

      <html>
         
         <head>
            <title>Form Validation</title>
            
            <script type="text/javascript">
               <!--
                  // Form validation code will come here.
               //-->
            </script>
            
         </head>
         
         <body>
            <form action="/cgi-bin/test.cgi" name="myForm" onsubmit="return(validate());">
               <table cellspacing="2" cellpadding="2" border="1">
                  
                  <tr>
                     <td align="right">Name</td>
                     <td><input type="text" name="Name" /></td>
                  </tr>
                  
                  <tr>
                     <td align="right">EMail</td>
                     <td><input type="text" name="EMail" /></td>
                  </tr>
                  
                  <tr>
                     <td align="right">Zip Code</td>
                     <td><input type="text" name="Zip" /></td>
                  </tr>
                  
                  <tr>
                     <td align="right">Country</td>
                     <td>
                        <select name="Country">
                           <option value="-1" selected>[choose yours]</option>
                           <option value="1">USA</option>
                           <option value="2">UK</option>
                           <option value="3">INDIA</option>
                        </select>
                     </td>
                  </tr>
                  
                  <tr>
                     <td align="right"></td>
                     <td><input type="submit" value="Submit" /></td>
                  </tr>
                  
               </table>
            </form>
            
         </body>
      </html>

       

      JAVASCRIPT;

      <script type="text/javascript">
         <!--
            // Form validation code will come here.
            function validate()
            {
            
               if( document.myForm.Name.value == "" )
               {
                  alert( "Please provide your name!" );
                  document.myForm.Name.focus() ;
                  return false;
               }
               
               if( document.myForm.EMail.value == "" )
               {
                  alert( "Please provide your Email!" );
                  document.myForm.EMail.focus() ;
                  return false;
               }
               
               if( document.myForm.Zip.value == "" ||
               isNaN( document.myForm.Zip.value ) ||
               document.myForm.Zip.value.length != 5 )
               {
                  alert( "Please provide a zip in the format #####." );
                  document.myForm.Zip.focus() ;
                  return false;
               }
               
               if( document.myForm.Country.value == "-1" )
               {
                  alert( "Please provide your country!" );
                  return false;
               }
               return( true );
            }
         //-->
      </script>

      Yanıtla

    • elif

      Ben iletişim formu yapıyorum. Bu koduda kullanıyorum fakat kullanıcı adı soyadı vs bilgilerinide almak istiyorum. Ama onlarıda tanımladığımda her textboxta geçersiz e mail diyor. Yani kullanıcı adı yazıyorum geçersiz e mail diyor halbuki css kodunu yazdım ama form tek bir formda yapıyorum ve bu  kod =onsubmit="javascript:return validate('form_id','email'

      tanımladığım için öye oluyor galiba.Yardımcı olabilirseniz sevinirim.

      Yanıtla

Sitede Ara
  • 1 dakikalık Saygı Duruşu ve İstiklal Marşı indir (Video ve MP3)
    teşekkürler emeğine sağlık çok güzel olmuş...
  • Vodafone Elazığ Çağrı Merkezi Müşteri Hizmetleri Yetkilisi İş Başvurusu
    Ise alındınızmi bilgi verirmisiniz ...
  • Volkswagen - Skoda Golf Passat Koltuk Başlığı Nasıl Çıkarılır?
    Teşekkürler. Böyle sistem mi olur a... oldu olacak aşağıya inip kaputun içinden kol falan cekelim...
  • Htaccess Nedir? .htaccess Komutları ve Örnekler
    Hocam iyi günler Google Web Search içerisinde bulunan 404 vermiş sayfaları 410 a çevirmek isityorum yap...
  • Sembol ve Karakterlerin Klavye Kısayolları - Alt Gr Tuş Kombinasyonları
    ALT GR değil ALT ....... ........
  • En İyi Mac Dönüştürücü - iSkysoft Video Converter Ultimate
    İndirip deniyorum hemen teşekkür ederim...
  • İnstagram Şekilli Profil Yazıları Oluşturma
    – єℓєşтιямє вєηιвєğєη∂ιуѕєη тαк∂ιя єт…нσşυηα gιтмιуσямυуυм кαƒαηα тαкмα ѕιктιя єт…...