サブミット時にRegex電子メールの検証

Question

サブミット時に正規表現を介して電子メールの非常に基本的なjQuery検証を行いたいと思います。私のHTML：

<form action="POST" id="form"> 
<input type="email" id="customer_email" placeholder="email here" /> 
<input type="submit" /> 
</form> 

JS：

$('#form').submit(function() { 
var email_reg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 

var emailinput = $('#customer_email').value(); 

if (email_reg.test(emailinput) == false) { 
    window.alert('no good'); 
} 
}); 

私の理解するには、これが機能するために、私は電子メールの入力を介して入力の値を取得します（私はライン4上で行うもの）とを実行する必要がありますそれに正規表現。

送信がクリックされると、ウィンドウアラートではなくフォームに標準入力エラーが表示されます。ここではこれを概説Codepenを表示すること自由に感じなさい： http://codepen.io/anon/pen/oYmJLW?editors=1010

Answer 1

あなたは、実際のフォームの送信を防ぐためにevent.preventDefault()を追加し、入力に.val()の代わり.value()を使用する必要があります。あなたがその使用type="text"を回避したい場合は、妥当性チェックを（あなたはそれを自分で行う必要はありません）を行いますtype="email"ブラウザとして、あなたの入力を宣言することで

$('#form').submit(function(event) { 
    event.preventDefault(); 
    var email_reg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 

    var emailinput = $('#customer_email').val(); 

    if (email_reg.test(emailinput) == false) { 
     window.alert('no good'); 
    } 
}); 

。