如何禁用只读文本框上的提交行为？

Question

拥有以下READONLY文本框：

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

和保存按钮：

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

当用户单击“客户编号”文本框并按Enter键时，将调用提交行为，并在将数据保存到数据库后显示下一页。

如何更改此项，以便在此字段中按Enter键不会执行任何操作，类似于常规标签的页面行为？

Answer 1

您可以使用一些javascript，处理keydown事件并检查Enter是否被点击来执行此操作：

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