2016-12-20 10 views
0

Моя кнопка отправки отключается после удаления tr из таблицы. Я использую проверку bootststrap, и я получаю эту ошибку в поджигатель:Кнопка отправки отключается после удаления tr

enter image description here

Это дает мне

Тип ошибки п не определено.

При нажатии на кнопку удаления от действий, то tr успешно удален, но когда я заполнить остальные поля и нажмите кнопку отправки, кнопку отправки получает инвалидов.

enter image description here

Вот мой HTML:

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "> 
    <div class="row"> 
     <div class="table-class" id="specialTemplate"> 
      <table class="table table-bordered"> 
       <thead> 
        <tr style="text-align: center;"> 
         <td style="width:15%">Services</td> 
         <td style="width:15%">Duration</td> 
         <td style="width:15%">Last Price </td> 
         <td style="width:15%">Discount Price </td> 
         <td style="width:15%">Actual Price</td> 
         <td style="width:15%">Action </td> 
        </tr> 
       </thead> 
       <tbody class="appendSpecial"> 
        <?php $duration = array("10mins","20mins","30mins","45mins","1hr","1hr-15mins","1hr-30mins","1hr-45mins","2hrs","3hrs"); ?> 
               @foreach($specialoffers as $key=> $alloffers) 
        <tr id="s-tr-{{ $alloffers['id'] }}"> 
         <input type=hidden name="id[]" value="{{ $alloffers['id'] }}"> 
         <td id="s-td-{{$alloffers['id'] }}" >{{ $alloffers['s_name'] }}</td> 
         <td> 
          <div class="time-class"> 
           <div class="form-group"> 
            <select class="select-class" name="s_duration[]"> 
             <option value="">Select</option> 
                   @foreach($duration as $value) 

             <option>{{$value }}</option> 
                   @endforeach 
            </select> 
           </div> 
         </div> 
        </td> 
        <td> 
         <div class="form-group"> 
          <input class="form-control" type="text" name="s_lastprice[]" placeholder="Price" > 
         </div> 
        </td> 
        <td> 
         <div class="form-group"> 
          <input class="form-control" type="text" name="s_discount[]" placeholder="Discount Price" > 
         </div> 
        </td> 
        <td> 
         <div class="form-group"> 
          <input class="form-control" type="text" name="s_actual[]" placeholder="Actual Price"> 
         </div> 
        </td> 
        <td> 
         <div class="btn-del-edit"> 
          <button type="button" rel="{{$alloffers['id'] }}" class="btn btn-info btn-edit getSpecial" data-toggle="modal" data-target="#myModal-specialedit"><i class="fa fa-pencil" aria-hidden="true"></i></button> 
          <button type="button" id="delete-{{ $alloffers['id'] }}" class="btn btn-danger btn-del deleteSpecial"><i class="fa fa-times" aria-hidden="true"></i></button> 
         </div> 
        </td> 
       </tr> 
     @endforeach 
      </tbody> 
     </table> 
    </div> 
    </div> 
</div> 

И мой JQuery и AJAX:

$(document).on('click','.deleteSpecial', function(){ 
    var tdid = $(this).attr('id'); 
    var special = tdid.split('-'); 
    var id = special[1]; 
    $.ajax({ 
     type:"POST", 
     url: "delete-special-offer", 
     data: { id :id }, 
     success:function(resp){ 
      if($.trim(resp) == "success"){ 
       alert("Deleted Successfully!"); 
       var $template = $('#specialTemplate'), 
       $clone = $template 
       $('#sellerProfile') 
       .formValidation('addField', $clone.find('[name="s_lastprice[]"]')) 
       .formValidation('addField', $clone.find('[name="s_discount[]"]')) 
       .formValidation('addField', $clone.find('[name="s_actual[]"]')) 
       .formValidation('addField', $clone.find('[name="s_duration[]"]')) 
       $("#s-tr-"+id).remove(); 
      } 
      else{ 
       alert("failed"); return false; 
      } 
     } 
    }); 
}); 

ответ

0

в интерфейсе, который подают кнопки не работает. Для удаления вы можете просто использовать $("#s-tr-"+id).remove();. так, что вы хотите сделать следующие вещи: -

 var $template = $('#specialTemplate'), 
     $clone = $template 
     $('#sellerProfile') 
     .formValidation('addField', $clone.find('[name="s_lastprice[]"]')) 
     .formValidation('addField', $clone.find('[name="s_discount[]"]')) 
     .formValidation('addField', $clone.find('[name="s_actual[]"]')) 
     .formValidation('addField', $clone.find('[name="s_duration[]"]')) 

, потому что, как в лог консоли, он показывает ошибки в проверке формы не удается

+0

кнопку Отправить формы не работает – kunal