предупреждение, когда фокус находится только в текстовом поле

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

попробуйте это,

$(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 получит текущий выбранный элемент, а затем вы сможете сравнить, является ли выбранный элемент текстовым полем.

надеюсь, это поможет .........

Answer 3

  <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)"/>

Я надеюсь, что это решило вашу проблему.