このメールアドレス検証方法を改善するにはどうすればよいですか？

Question

2つの入力を持つsub_formというフォームがあります。入力の1つは電子メールアドレスで、もう1つはドロップダウンメニューからの選択です。以下のJavascriptは、電子メールアドレスが有効かどうかをチェックし、両方の入力値をコンソールログに出力します。

誤った電子メールが入力されると、エラーメッセージが表示されますが、それでもコンソールに印刷されるという問題があります。

有効な電子メールが入力された場合、入力のみがコンソールに出力されるように修正するにはどうすればよいですか？質問に私のコメントパー

<!-- validator --> 
 
$('#sub_form').bootstrapValidator({live: 'disabled', 
 
fields: { 
 
email: { 
 
    validators: { 
 
    emailAddress: { 
 
    message: 'Invalid email' } }},}}); 
 

 
<!--print to console--> 
 
document.getElementById('sub_form').onsubmit = function(){ 
 
     console.log(document.getElementById('email').value); 
 
     console.log(document.getElementById('dropdown').value); 
 
     return false; 
 
}

Answer 1

、この検証ライブラリは、私の知る限り伝えることができましたように、1つhereの古いバージョンです。私の会社は同じものを使用しているので、私はそのサイトを参考にたくさん使っています。単に "formValidation"メソッドの記述を "bootstrapValidator"に置き換え、イベントは "fv"の代わりに "bv"名前空間を使用します。

バリデータは、有効な状態をチェックするためのいくつかのメソッドを提供する必要があります。あなたは使用できます：

var validator = $('#sub_form').data('bootstrapValidator'); 
if (validator.isValidField('email')) { 
    console.log(document.getElementById('email').value); 
} 

詳細については、hereを参照してください。