如果输入字段为空,则更改焦点

时间:2016-09-23 09:13:18

标签: javascript jquery html

如果输入字段的焦点为空,我将创建函数,焦点将更改为其他输入字段,如果使用jquery,它是否可行?

我一直在尝试,但没有工作。

此处的HTML代码:

*

这里的Jquery代码:

<form>
  Username:<br />
  <input type="text" id="username" name="username" value="notblank" /><br />
  <br />
  Password:<br />
  <input type="text" id="password" name="password" value="notblank" />
</form>

此处JSFiddle Example

感谢。

2 个答案:

答案 0 :(得分:2)

试试这个:

&#13;
&#13;
$(document).ready(function() {
    
    $("input").on("input",function(){
        
        if($(this).val() == '')
            
            $("input").not(this).focus();
            
    })
    
})
&#13;
<form>
  Username:<br />
  <input type="text" id="username" name="username" value="notblank" />
  <br /><br />
  Password:
  <br />
  <input type="text" id="password" name="password" value="notblank" />
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
&#13;
&#13;
&#13;

仅当#password为空白焦点更改为#username,

时才会更改

试试这个:

&#13;
&#13;
$(document).ready(function() {
    
    $("#password").on("input",function(){
        
        if($(this).val() == '')
            
            $("#username").focus();
            
    })
    
})
&#13;
<form>
  Username:<br />
  <input type="text" id="username" name="username" value="notblank" />
  <br /><br />
  Password:
  <br />
  <input type="text" id="password" name="password" value="notblank" />
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

each - 对于ID为'password'的许多输入。你应该听听,例如。 keyup代替。

$('#password').keyup(function(){
  if($(this).val() == ''){
    $('#username').focus();
    return false;
  }
});

http://jsfiddle.net/4m5fg/549/