如何使用 jquery 禁用第一种形式？

Question

HTML:

<div id="container">
  <form id="form" name="form1">
     <input type="text" name="txtbox" value="Enter something" />
     <input name="salam" type="Submit" id="submitbtn" name="Submit" />
  </form>
</div>

 <div id="container1">
  <form id="form1" name="form1">
    <input type="text1" name="txtbox1" value="Enter something" />
    <input name="salam1" type="Submit" id="submitbtn1" name="Submit" />
  </form>
</div>

jQuery:

 $(document).ready(function(){
   $('#form').submit(function(){
      $('input[id=submitbtn1]', this).attr('disabled', 'disabled');
   });
 });

Answer 1

查看 first selector

$("form:first input").attr("disabled", true);

将从第一个 form 元素 select 所有 input 元素并将禁用它们。

Answer 2

$(document).ready(function(){
  $('#form').submit(function(){
    $('#submitbtn1').attr('disabled', true);
  });
});

如果您只想在提交 id=form 的表单时禁用 id=submitbtn1 的按钮

Answer 3

这会在不等待提交的情况下禁用它

$(document).ready(function(){
 
    $('#submitbtn1').attr('disabled', true);
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
 <form id="form" name="form1">
   <input type="text" name="txtbox" value="Enter something" />
   <input name="salam" type="Submit" id="submitbtn" name="Submit" />
 </form>
</div>
<div id="container1">
 <form id="form1" name="form1">
  <input type="text1" name="txtbox1" value="Enter something" />
  <input name="salam1" type="Submit" id="submitbtn1" name="Submit" />
 </form>
</div>

Answer 4

$(document).ready(function(){
    $("#form").submit(function (event){
       event.preventDefault();         
    });
});

Answer 5

还有这个

$('input[id=submitbtn1]', this).attr('disabled', true);

Answer 6

试试这个

$(document).ready(function(){

    $('#submitbtn1').attr('disabled', true);

});

Answer 7

在纯 javascript 中也很容易：

document.getElementById('submitbtn1').disabled = true;

或

document.getElementById('submitbtn1').readOnly = true;

如何使用 jquery 禁用第一种形式？

How to disable first form with jquery?

html

jquery

HTML:

jQuery: