jquery - 提交表单后如何禁用所有输入和文本框？

Question

我有几个问题要和你讨论：

1. 在服务器从 ajax 回答“400”后，我需要禁用表单中的所有元素。所以用户知道他只是提交了那个表单（ajax）。
2. 我还考虑在单击提交后将状态设置为“只读”。

这些问题背后的原因是：我有一个预订表格，用户可以为一个团体选择多个房间。所以每个房间都必须有自己的客人。说我想为我的朋友预订 3 个房间。所以我选择入住和退房。房间数 (3)。并将我朋友的详细信息放入每个表格中。在我提交第一个房间之后。数据已上传，所有字段均已禁用。然后我通过单击一个选项卡对下一个房间执行相同的操作。如下图所示：

进一步要求：

1. 你有一些提交后 jQuery 禁用表单元素的例子吗？
2. 还有比这更好的同时预订多个房间的方法吗？

Answer 1

当您收到来自 ajax 调用的状态 400 时，请调用以下语句。

 $('#formID input[type=text]').attr("disabled",true);

这将禁用“formId”下的所有输入文本框。

Answer 2

您可以使用以下一个禁用所有输入文本区域。

jQuery 1.5 及以下

$("input[type=text]").attr('disabled', true);

jQuery 1.6+

$("input[type=text]").prop('disabled', true);