フォームでメールを検証する方法

Question

メールフォームに「@」を入れてもフォームが送信されます。

"@"が付いていない場合、どのように赤い枠線でフィールドを残すことができますか？

<input type="text" name="Name" placeholder="Nome..." class="quote-form-element" /> 
<input type="text" name="City" placeholder="Cidade/UF..." class="quote-form-element quote-form-client-email last" /> 
<input type="text" name="phone" placeholder="Telefone..." class="quote-form-element" /> 
<input type="text" name="email" placeholder="E-mail..." class="quote-form-element quote-form-client-email last" /> 

Answer 1

この関数を関数にし、正規表現を使用して電子メールが有効かどうかを確認します。テキストボックスの使用に

function emailVal(email){ 
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 

    if (reg.test(emailField.value) == false) 
    { 
     //invalid email 
     return false; 
    } 

    return true; 

} 

：

今emailVal（もし

<input type="email" onblur="emailVal(this)"> 

）は、テキストボックスの周りに赤い境界線を行い、falseを返します。