отключить страницу для отправки после отправки

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

Чтобы добавить, в зависимости от версии jQ uery, вы можете использовать .prop вместо .attr для 1.6+.

Смотрите этот ответ для получения дополнительной информации - https://stackoverflow.com/a/6048113/1927071