フォーカスがテキストボックス内にあるときに警告

Question

テキストボックスをスキップするとアラートが表示されますが、ページ上をクリックするとアラートも表示されます。フォーカスがテキストボックスに表示されるときに、どのように警告を表示できますか？新しいタブを開いても警告が表示されます。これを解決する方法はありますか？どうもありがとう。

$(function() { 
    $("input").blur(function() { 
    if(!this.value) { 
     alert("Text box " + ($(this).index() + 1) + " cannot be empty."); 
     this.focus(); //Keep focus on this input 
    } 
}); 

本体部

<input type="text" id="textbox1"/> 
<input type="text" id="textbox2"/> 
<input type="text" id="textbox3"/> 
<input type="text" id="textbox4"/> 

Answer 1

$(function() { 
     $('input:text').blur(function() { 
if(!this.value) { 
    alert("Text box " + ($(this).index() + 1) + " cannot be empty."); 
    this.focus(); //Keep focus on this input 
} 
}); 
}); 

もhttp://api.jquery.com/text-selector/

を訪れることができます願っています。

Answer 2

<script type="text/javascript"> 
     function getAlert(txt) { 
       if (!txt.value) { 
        alert("Text box cannot be empty."); 
        txt.focus(); //Keep focus on this input 
       } 

     }; 
    </script> 

<input type="text" id="textbox1" onfocus="getAlert(this)"/> 

この問題が解決したことを願います。

Answer 3

は

$(function() { 
    $("input[type=text]").blur(function() { 
     if (!this.value && $(document.activeElement).attr("type") == "text") 
      alert("Text box " + ($(this).index() + 1) + " cannot be empty."); 
      this.focus(); 
     } 
    }); 
}); 

document.activeElementはあなたに現在選択されている要素を取得し、選択された要素がテキストボックスであるならば、あなたは比較することができ、これを試してみてください。このことができます

希望.........