将文本框设置为仅在提交时读取

Question

任何人都可以建议我使用javascript函数在按下提交按钮时将文本框设置为只读。这样就无法修改内容。

Answer 1

要停用input，您需要设置其disabled属性。如果你可以使用jQuery那么这样的东西就是你要找的东西：

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

如果jQuery不是一个选项，那么你将需要使用setAttribute函数。看看the MDN documentation for it。像这样：

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

（这两个代码示例都假设您正在通过其input属性识别您的id。如果不是这样，则需要更改这些代码.jQuery可能无法更改，您只需要更新选择器以识别目标属性。后一个代码示例需要使用其他一些DOM导航/选择函数来查找您的input元素。）

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