Question

我在旧问题中尝试了一些方法，但它不适用于chrome。

可以请任何人建议我解决方案。我用php进行验证。

如果我通过错误点击提交按钮两次，那么限制问题我禁用提交按钮，但它不能用于chrome。

<script>
 jQuery(document).ready(function () {
  jQuery('#submit_button').click(function () {
    jQuery('#submit_button').attr('disabled','disabled');
  });
});
</script>

Answer 1

您可以使用prop jquery方法，或者只将disabled属性设置为true。

$(document).ready(function(){
	$('#submit').on('click', function(e){
		//$(this).prop('disabled', true);
		this.disabled = true;
	})
});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
	<button id="submit">submit</button>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</body>
</html>

Answer 2

可能是页面上有多个提交按钮。您可以尝试使用此代码。

jQuery(document).ready(function () {
jQuery('#submit_button').click(function () {
    // It is best practice to use `true` instead of 
    // any true-y kind of value like non-empty string.
    jQuery(this).attr('disabled', true);
   });
});

Answer 3

您可以使用$('selector').prop('disabled',true);

Answer 4

尝试使用<{1}}元素，并使用

使prop为true

attribute

jQuery('selector').prop('disabled',true);

我将如何添加禁用：

<script>
    jQuery(document).ready(function () {
        jQuery('#submit_button').click(function () {
            jQuery('#submit_button').prop('disabled',true);
           });
    });
</script>

我如何将按钮恢复正常：

<script>
 $(document).ready(function(){

        $('button').click(function () {
            $('<input type="button id="submit_button" disabled>').insertBefore(this);
            $(this).remove();
         });
 });
</script>

Answer 5

给出了不同的想法，但代码似乎正常工作。请确保您导入了jQuery库。

以下代码是经过测试的代码。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function () {
    jQuery('#button').click(function () {
        jQuery('#button').attr('disabled','disabled');
   });
});
</script>
</head>
<body>

<input type="submit" id="button" value="If you click on me, I will be disabled."/>

</body>
</html>

JQuery .attr（'disabled'，true）不在chrome中工作

5 个答案: