提交后禁用上传页面

Question

我有按钮（将来很多）和形式。我想要的是，在提交呼叫表单的页面变得不可用之后。

但提交页面上传后。怎么避免这个？

   <script type="text/javascript">
          $(function()   {

              var btn =  $('#btn1');
              var form = $('#myform');
              var formbtn =   $('#submit');

               btn.on ('mouseup', function(){
                     form.toggle(200);


           });

           formbtn.on('mouseup', function(){
              btn.html('bought!');
               btn.attr('disable', true);
              return false;
           });


        });


 <div id = "myform">

        <form id = "my">
        <div class="form-group">
    <label for="exampleInputEmail1">Name</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Phone</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>


  <button id="submit"  class="btn btn-default">Submit</button>
</form>

    </div>

以后如何从多个按钮中禁用选择按钮，它会是一些数组吗？

Answer 1

要回答问题的第一部分，您需要更改

btn.attr('disable', true);

到

btn.attr('disabled', 'disabled');

对于问题的第二部分，如果我理解正确，您可以为多个按钮使用类或元素选择器

$('button')
$('.buttonClass')

要添加，根据jQuery的版本，您可能希望使用.prop而不是.attr for 1.6 +。

有关详细信息，请参阅此答案 - https://stackoverflow.com/a/6048113/1927071