Javascript Email Validation - Aide?

Question

Je suis actuellement en utilisant un formulaire e-mail, qui publie du texte une fois que l'adresse e-mail a été soumise. Je voudrais ajouter une option de validation à ceci afin que je ne reçoive pas d'info bidon. Ci-dessous, j'ai joint le code html, javascript, php et le code de validation que je voudrais utiliser. Je suis actuellement en train de rencontrer le problème du traitement des formulaires même si l'email n'est pas valide. S'il vous plaît aider.

HTML

<form action="scripts/women-logo-white-process.php" method="post" id="contact_form_women_logo_white" name="ContactForm" onsubmit="return ValidateContactForm();"> 
    <div style="width: 179px; margin-left: 115px"> 
      <div style="width: 179px;"> 
       <input type="text" name="Email" id="email" value="email" rel="req" tabindex="2" class="text-area" /> 
      </div> 
      <div id="loader" style="width: 121px; margin-left: 27px;"> 
       <div class="submit-button" style="width:121px;"><input type="submit" name="" value=""></div> 
      </div> 
     </div> 
</form> 

PHP

<?php 
$toemail = 'orders@paroteesclothing.com';; 
$email = $_POST['email'];; 

$messageBody = "Email: " . $email; 



if(mail($toemail, 'Mens Logo White' . $subject, 'From: ' . $email)) { 
    echo ' 
    <div> 
     <div class="success"></div> 
     <div class="email-text">Thank you for your interest in our products. We will notify you as soon as this product is available. Until then please check back for new designs and follow use on Twitter & Facebook @ParoteesApparel.</div> 
    </div>'; 
} else { 
    echo ' 
    <div> 
     <div class="error"></div> 
     <div class="email-text">There was a problem with your submission, please reload this page and try again.</div> 
    </div>'; 
} 
?> 

actuel Javascript

$(function() { 
    $('#contact_form_men_logo_white').submit(function (e) { 
     e.preventDefault(); 
     var form = $(this); 
     var post_url = form.attr('action'); 
     var post_data = form.serialize(); 
     $('#loader', form).html('<div style="margin-left: -30px; margin-bottom: 35px; margin-top: -20px;"><div class="loader"></div><div class="wait-text">Please wait...</div></div>'); 
     $.ajax({ 
      type: 'POST', 
      url: post_url, 
      data: post_data, 
      success: function (msg) { 
       $(form).fadeOut(500, function() { 
        form.html(msg).fadeIn(); 
       }); 
      } 
     }); 
    }); 
}); 

Validation Script Je Voudrais Ajouter à mon actuelle Javascript

function ValidateContactForm() { 
    var email = document.ContactForm.Email; 

    if (email.value == "") 
    { 
     window.alert("Please enter a valid e-mail address."); 
     email.focus(); 
     return false; 
    } 
    if (email.value.indexOf("@", 0) < 0) 
    { 
     window.alert("Please enter a valid e-mail address."); 
     email.focus(); 
     return false; 
    } 
    if (email.value.indexOf(".", 0) < 0) 
    { 
     window.alert("Please enter a valid e-mail address."); 
     email.focus(); 
     return false; 
    } 
    return true; 
} 

Answer 1

Faire une validation en javascript est une affaire de fou, d'autant plus que vous ne faites pas la validation en PHP aussi. il est trivial de contourner un validateur Javascript et d'envoyer des informations fausses directement au serveur.

Bien que la validation JS soit utile pour fournir une rétroaction immédiate, elle ne devrait PAS être utilisée pour protéger réellement votre code côté serveur.

Changer votre PHP à quelque chose comme:

$email = $_POST['email'];; 

if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { 
    die("Invalid email address"); 
} 

Answer 2

Voici un exemple de travail du script regex Grrbrr parlait:

où $ ("# e-mail") serait votre forme élément d'entrée:

$("#email").blur(function() { 
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 
var address = $(this).val(); 
if(reg.test(address) == false) { 
$("#valbox").removeClass().addClass("valincorrect").html('Please enter a valid e- mail').fadeIn(500) 

} else { 
$("#valbox").removeClass().addClass("valcorrect").html('Accepted') 

    } 
})