javascript - 如何从一个表单提交多种类型的禁用输入（输入、选择、文本区域标签助手）？

Question

我了解您根本无法提交禁用的输入。我刚刚设置了一个表单，禁用所有输入（输入、选择等）供用户查看。如何成功地从表单中为多种类型发布值

我使用 jquery 来禁用所有输入（包括输入、选择等），以便表单对用户来说似乎是“只读”的。我似乎只能使用 onsubmit 获得一种输入/选择/文本区域类型来传递，但我无法弄清楚如何让所有输入类型在 onsubmit 上传递/启用。

这就是我禁用所有输入的方式，来自的名称是#form：

<script type="text/javascript">
    $(document).ready(function () {
        $("#form :input").prop("readonly", true);
    });
</script>

这只启用带有标签助手输入的输入：

onsubmit="$(this).find('input').prop('disabled', false)"

目前从表单传递的数据只是输入数据，但我需要从表单传递的 select（已传入的选定下拉列表）和 textarea 数据。

标签： javascriptjquery

Answer 1

您可以尝试使用以下示例。

$( "#form" ).on( "submit", function( event ) {
  event.preventDefault(); // do not submit
  $( "#form" ).find('input, select').prop('disabled',false);
  $( "#form" )[0].submit();  
});

<form id="form" action="/1">
  <input type="text" readonly disabled="disabled" value="value1" name="field1">
  <input type="text" readonly disabled="disabled" value="value2" name="field2">  
  
  <input type="submit" value="Submit">
</form>