如何使用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

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

Answer 2

在纯JavaScript中也很容易：

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

OR

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

Answer 3

查看first selector

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

将从第一个input元素中选择所有form元素，并将其禁用。

Answer 4

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

如果你只想在提交id = form

的表单时禁用id = submitbtn1的按钮

Answer 5

这会在不等待提交

的情况下禁用它

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 6

也是这个

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

Answer 7

试试这个

$(document).ready(function(){

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

});