用于禁用提交按钮的全局jquery方法

时间:2017-08-10 08:40:25

标签: javascript jquery

我可以在每个表单提交时禁用提交按钮。当用户在应用程序的任何位置提交表单时。

3 个答案:

答案 0 :(得分:1)

$('input[type=submit]')一样添加选择器。并使用prop()函数将禁用属性应用为true



$(document).ready(function() {
  $('input[type=submit],button[type=submit]').prop('disabled', true);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" class="qu-more" value="Add">
<button type="submit">Add</button>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

使用attr选择器:

$('[type="submit"], form button').attr('disabled','disabled');

https://jsfiddle.net/mlescaudron/etsnutqo/1/

修改
关于按钮的Rory Rory。

答案 2 :(得分:1)

要实现这一点,您可以使用jQuery的:submit选择器。您可以使用属性选择器,就像在其他答案中一样,但这是有缺陷的,因为默认情况下,没有type属性的按钮将是提交按钮。

&#13;
&#13;
$(':submit').prop('disabled', true);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <button>Empty button</button> <!-- this is a submit button too! -->
  <button type="submit">Submit button</button>
  <button type="button">Basic button</button>
</form>
&#13;
&#13;
&#13;