Question

我有一个带有文本框的表单，该文本框具有只读属性。这不是什么大问题，但我想我会问，那么是否有办法制作该文本框，以便用户无法选择它并将光标放在其中？

已禁用的属性会执行此操作，但该文本框不会随表单一起提交。

是否有针对此的js / jquery解决方案？

段

<form>
    <div class="col-md-9">
        @Html.EditorFor(model => model.Time, new { htmlAttributes = new { @class = "form-control clear-textbox create-form-txtbox time-txtbox", @readonly = "readonly" } })
        @Html.ValidationMessageFor(model => model.Time, "", new { @class = "text-danger" })
    </div>

    <input type="submit" value="Submit" />
</form>

感谢任何帮助。

Answer 1

试试这个。它为我工作。用此控件替换@ Html.EditorFor。

<input type="text" value="@Model.Time" id="Time" name="Time" class="form-control" readonly />

Answer 2

使用内联onkeydown="return false;"属性

或者如果你想要一个javascript解决方案

$('#someId').keydown(function(e) {
   e.preventDefault();
   return false;
});

Answer 3

我使用斯蒂芬的评论作为答案而且有效。

我已经创建了一个隐藏的输入字段以提交给服务器，但是用户只会看到具有该隐藏输入字段所持有的值的已禁用文本框。

使ReadOnly文本框不可选

3 个答案: