Кнопка Изменение при отправке данных на сервер

Question

Я использую сценарий ниже, чтобы отключить кнопку, когда пользователь передает данные на сервер. работает отлично с firefox, но не работает с хромом. когда вы отправляете на chrome, кнопка переходит к переданным данным, но когда вы проверяете базу данных, вы не найдете ее там, но в firefox она отлично работает, когда кнопка изменяется на отправленные данные, вы проверяете базу данных и находите ее там

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

Answer 1

Положите значение атрибута как истинного/ложного вместо отключенного. он будет работать на всех браузерах. проверьте ниже код. здесь я изменяю значение атрибута как истинного, а не отключено. проверьте его, выполнив ниже фрагмент. Я также добавил форму, чтобы вы могли проверить форму отправки, нажав кнопку.

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