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

Question

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

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

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

进一步要求:

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

Answer 1

当您从ajax调用收到状态400时，调用以下语句。

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

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