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

Question

У меня есть четыре поля ввода: имя, возраст, город, данные сохранения (тип ввода = "кнопка"), когда пользователь заполняет данные в первом текстовом поле и нажимает ввод, курсор перемещается в следующее текстовое поле и, наконец, когда курсор в кнопке сохранения в этот раз когда пользователь нажимает, введите все сохраненные данные и наведите курсор на текстовое поле возраста. но нужно переместить курсор в текстовое поле имени. Пожалуйста, решите мою проблему ниже код, который я использую в jquery

//cursor move code
            var currentBoxNumber = 0;
            $(".cursormove").keyup(function (event) {
            if (event.keyCode == 13) {
            textboxes = $("input.cursormove");
            currentBoxNumber = textboxes.index(this);
            console.log(textboxes.index(this));
            if (textboxes[currentBoxNumber + 1] != null) {
            nextBox = textboxes[currentBoxNumber + 1];
            nextBox.focus();
            nextBox.select();
            event.preventDefault();
            return false;
            }
}
    });
            //all entered data send to insert.php when user click save button and reset all fields and focus again to first input
            $("#save").click(function () { 
                $.ajax({
                    type: "post",
                    url: "insert.php",
                    data: $("#frm").serialize(),
                    //dataType: "dataType",
                    success: function (response) {
                      $("<tr></tr>").html(response).appendTo(".table");
                      $("#frm")[0].reset();
                      $("#name").focus();
                    }
                });
            });
        });

HTML КОД:

<form id="frm">
                    <div class="form-group">
                      <label for="name">Name</label>
                      <input type="text" name="name" id="name" class="form-control cursormove" placeholder="Enter name">
                    </div>
                    <div class="form-group">
                      <label for="age">Age</label>
                      <input type="text" name="age" id="age" class="form-control cursormove" placeholder="Enter age">
                    </div>
                    <div class="form-group">
                      <label for="city">City</label>
                      <input type="text" name="city" id="city" class="form-control cursormove" placeholder="Enter city">
                    </div>
                    <div class="form-group">
                      <input type="hidden" id="id" name="id" value="0">
                      <input type="button" id="save" class="btn btn-success cursormove" value="Save Details" >
                    </div>
                </form>

Answer 1

Ваш код выглядит нормально. Но только если имена идентификаторов и классов в вашем jQuery совпадают правильно. Убедитесь, что у вашего имени есть правильный идентификатор <input id="name", а у возраста есть другой идентификатор.
Добавьте HTML код, чтобы узнать больше.