javascript - 数据提交到服务器时更改按钮

Question

当用户向服务器提交数据时，我使用下面的脚本禁用按钮。它在 Firefox 上运行良好，但在 chrome 上不起作用。当您在 chrome 上提交时，按钮会更改为已发送的数据，但是当您检查数据库时，您不会在那里找到它，但在 Firefox 上，它工作得很好，当按钮更改为已发送的数据时，您会检查数据库并在那里找到它

<script language="javascript">
$(function(){
  $(".btn-style1").click(function(){
        $(this).val('data sent');
        $(this).attr('disabled', 'disabled');
  });
});
</script>

Answer 1

将属性值设置为 true/false 而不是禁用。它将适用于所有浏览器。检查下面的代码。在这里我将属性值更改为 true 而不是禁用。通过执行下面的代码片段来检查它。我还添加了 form ，以便您可以通过单击按钮检查表单提交。

$(function(){
 $(".btn-style1").click(function(){
    $(this).val('data sent');
    $(this).attr('disabled', true);
   return true;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<form action="http://stackoverflow.com/posts/xxx/edit">
 
<input type="hidden" name="a" value="abc"/>
<button type="submit" class='btn-style1' >Click</button>
</form>