javascript - 将文本框设置为在提交时只读

Question

任何人都可以建议我一个javascript函数来将文本框设置为在按下提交按钮时只读。使内容不能被修改。

score 2 · Accepted Answer

要禁用一个input你需要设置它的disabled属性。如果您可以使用 jQuery，那么您正在寻找这样的东西：

$('#idOfYourInput').attr('disabled', true);

如果 jQuery 不是一个选项，那么您将需要使用该setAttribute函数。查看它的 MDN 文档。像这样的东西：

var d = document.getElementById('idOfYourInput'); 
d.setAttribute('disabled', 'true');

（这两个代码示例都假设您input通过其id属性来识别您的。如果不是这种情况，则需要更改。jQuery 的更改很简单，您只需要更新您的选择器以识别target 属性。后一个代码示例需要使用其他一些 DOM 导航/选择功能来查找您的input元素。）

您希望将其包含在提交按钮的处理程序中。但是，请理解，这仅对页面的当前上下文很重要。所以我假设您的提交按钮被用于通过 AJAX 执行提交，而不是实际发布整个页面，对吗？因为如果您要发布整个页面，那么当页面刷新时，您将处于一个全新的页面上下文中。（这意味着与按钮单击事件相关的任何代码都不会运行。）

1 回答 1