Question

我有多种形式。我有5个文本字段。

<form action="action_page.php">
  First name:<br>
  <input type="text" name="firstname"br>
  Last name:<br>
  <input type="text" name="lastname""><br>
  Age:<br>
  <input type="text" name="age"br>
  State:<br>
  <input type="text" name="state"br>
  Profession:<br>
  <input type="text" name="profession"br><br>
  <input type="submit" value="Submit">
</form>

当用户在字段中进行制表时，如何在关注age字段时设置提醒？

Answer 1

您可以使用焦点事件：

$("input[name = 'age']").focus(function() {
  alert( "focused on age inputbox." );
});

Answer 2

当用户在字段中进行制表时，如何在关注年龄字段时设置提醒？

其他答案不回答这个问题。 OP希望仅在标记字段时以及age字段为焦点时显示警报。

$(':text').eq($(':text[name="age"]').index('form :text')).on('keyup', function (e) {
    if (e.keyCode === 9) {
        setTimeout(function () {
            alert('Focused');
        });
    }
});

$(':text').eq($(':text[name="age"]').index('form :text')).on('keyup', function (e) {
    if (e.keyCode === 9) {
        setTimeout(function () {
            alert('Focused');
        });
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="action_page.php">
    First name:
    <br>
    <input type="text" name="firstname" br> Last name:
    <br>
    <input type="text" name="lastname">
    <br> Age:
    <br>
    <input type="text" name="age" br> State:
    <br>
    <input type="text" name="state" br> Profession:
    <br>
    <input type="text" name="profession" br>
    <br>
    <input type="submit" value="Submit">
</form>

Answer 3

$(document).on('focus',"input[name = 'age']",function(){

alert('Entered age field ');

})

以下是工作小提琴

https://jsfiddle.net/5ud8zm06/1/

Answer 4

嗨请检查https://jsfiddle.net/snvurmez/您需要使用focus（）函数

<强>的jQuery

$(document).ready(function(){
    $("input[name='age']").on('focus', function(){
    alert('focus on age tab');
  });
});

Answer 5

使用属性选择器按名称选择输入。

然后根据焦点绑定事件：

$('[name=age]'.on('focus', function() {
     alert('Age is clicked');
});

选项卡上的年龄

5 个答案: