javascript - 在php中获取表单字段值然后禁用它

Question

我在我的页面中使用这样的表单

<form method='post' action='' class='myform'>    
   <input type='text' name='name'>
   <input type='text' name='email'>
   <input  class='btn' type='submit' name='submit' >
</form>

我想要的是我将获取表单的值然后禁用它的所有字段，现在这是我在提交表单时禁用所有字段的代码

$(document).on('click', '.btn', function(event) {
var currentForm = $(this).closest('form');
currentForm.find('input').prop('disabled', true); 
});

在此之前，我尝试像这样从 $_POST 中获取值

if(isset($_POST["submit"])){                
       $name= $_POST["name"]; 
       $email= $_POST["email"];
}

但问题是，当我按下提交按钮时，字段被禁用并且我没有得到任何发布的值，我如何先获取值然后禁用字段？

Answer 1

您的错误 - 您正在通过以下方式禁用输入字段

currentForm.find('input').prop('disabled', true);

所以当你提交表单时，该字段将处于禁用状态，不会被发布。

解决方案 - 请将行更改为

currentForm.find('input').prop('readonly', true);