使用 .focus() 的 Javascript 焦点

Question

如果 time_start > 24 显示 java 脚本警报，然后将焦点或自动聚焦在该文本框上，我对 javascript 的焦点有疑问。但焦点不起作用我不知道为什么这是个小问题，但请检查一下。

javascript

 function start_time(){

   var time_start = document.getElementById("start_t").value;
    if(time_start > 24){
        alert("Invalid Start time hours");
         document.getElementById('start_t').focus();
  } 
 }

html

 <input type="text" size="2" value="00" name="start" id="start_t" style="text-align: center;" onchange="start_time()">:

我想做的是在值无效时自动聚焦到那个文本框上

Answer 1

您的值是字符串，您正在比较整数。您需要解析该值并将其转换为整数。

改变:

var time_start = document.getElementById("start_t").value;

收件人:

var time_start = parseInt(document.getElementById("start_t").value, 10);

如果您像标签建议的那样使用 jQuery，您应该这样做。

var time_start = parseInt($('#start_t').val(), 10);

此外，如果您使用的是 jQuery，则可以将焦点设置到这样的元素上:

$('#start_t').focus();

尝试将警报切换为确认对话框，以便获得返回值，然后设置焦点。

请更改此:

if (time_start > 24) {
    alert("Invalid Start time hours");
    document.getElementById('start_t').focus();
}

对此:

if (time_start > 24) {
    var r = confirm("Invalid Start time hours");

    if (r) {
        $('#start_t').focus();
    }  
}

看看这个 fiddle :http://jsfiddle.net/sm4Nk/