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

$(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>

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

1 个答案: