初心者のjavascript onblurバリデーションが検証されない

Question

私はちょうどjavascriptとjqueryを学んでいます。私はいくつかの異なる方法で試しましたが、毎回最初の警告（test1）がonblurを起動しますが、悪い電子メールは2番目の警告を表示しません。 jqueryバリデーションプラグインを使用することを考えましたが、しばらくの間プレーした後、フォームを処理する時間ではなく、空白のonblurごとに検証が必要であることに気が付いたので、通常のjsに固執しています。私のHTMLで

$("#studentEmail").blur(function() { 
    alert ("test1"); 
    function validateEmail(studentEmail){ 
     var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
     if(!emailReg.test(studentEmail)) { 
      alert("Please enter valid email id"); 
     } 
    } 
}); 

：私の文書レディ機能で

<input type="text" class="signUpTextbox" id="studentEmail" name="registerStudentEmail"> 

ありがとう！

Answer 1

ぼかしハンドラーの中で、関数を宣言していました。このハンドラのの外にの関数を宣言し、それをハンドラの内部で呼び出します。

function validateEmail(studentEmail){ 
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
    if(!emailReg.test(studentEmail)) { 
     alert("Please enter valid email id"); 
    }  
} 

$("#studentEmail").blur(function() { 
    alert ("test1"); 

    validateEmail($(this).val()); 
}); 

それとも、この関数はあなただけのこの操作を行う可能性がゼロの再利用がある場合：

$("#studentEmail").blur(function() { 
    alert ("test1"); 

    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
    if(!emailReg.test($(this).val())) { 
     alert("Please enter valid email id"); 
    }   
}); 

Answer 2

をあなたはここで、内部の機能を持っていないのはなぜ？これは、あなたが問題をデバッグすることができます

$("#studentEmail").blur(function() { 
    alert ("test1"); 

    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
    if(!emailReg.test(studentEmail)) { 
     alert("Please enter valid email id"); 
    }  

}); 

Answer 3

$("#studentEmail").blur(function() { 
    alert ("test1"); 
    function validateEmail(studentEmail){ 
     var emailReg = /^([\w-.]+@([\w-]+.)+[\w-]{2,4})?$/; 
     if(!emailReg.test(studentEmail)) { 
      alert("Please enter valid email id"); 
     } 
    } 
    // call the validate method 
    validateEmail(this.value); 
});