Как отключить поведение отправки в текстовом поле только для чтения?

Question

Имейте следующее ЧИТАТЕЛЬНОЕ текстовое поле:

 @Html.TextBoxFor(model => model.ClientNumber, new {@readonly = "readonly", @class ="message-label"})

и кнопка Сохранить:

 <button type="submit" id="btnSave" name="Command" value="Save">Save</button>

Когда пользователь нажимает на текстовое поле "Номер клиента" и нажимает клавишу "Ввод", вызывается режим отправки и после сохранения данных в базе данных отображается следующая страница.

Как это изменить, чтобы нажатие клавиши Enter в этом поле ничего не делало, подобно тому, как ведет себя страница для обычного ярлыка?

Answer 1

Вы можете сделать это с небольшим количеством JavaScript, обрабатывая keydown событие и проверка, была ли нажата Enter:

$(document).ready(function() {
    $('input[name=ClientNumber]').keydown(function(e) {
        if (e.keyCode === 13) {
            e.preventDefault();
            return false;
        }
    });
});