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

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

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

jQuery 1.5及以下

$（“input [type = text]”）。attr（'disabled'，true）;

jQuery 1.6 +

$（“input [type = text]”）。prop（'disabled'，true）;