Rails：按鈕標籤提交不調用控制器動作

Question

我需要調用jquery函數以及調用一個提交按鈕的控制器動作，現在所有的驗證工作，但它不是調用控制器動作。我搜索並嘗試了很多，但找不到任何解決方案，我已經這樣做了，請幫忙。

這是我的看法

<%= form_tag({action: :create_table}, multipart: true, method: :post, :id => 'contactform') do%> 
    <div class="form-group"> 
    <label class=" control-label">Prefix</label> 
    <select class="form-control" id="prefix" name="prefix"> 
     <option value=""></option> 
     <option value="tmp">tmp</option> 
     <option value="ref">ref</option> 
     <option value="client">client</option> 
    </select> 
    <br> 

    <label class=" control-label">Client</label> 
    <select class="form-control" id="client" name="client"> 
     <option value=""></option> 
     <option value="kapow">kapow</option> 
     <option value="perfect_africa">perfect_africa</option> 
     <option value="earth_class_mail">earth_class_mail</option> 
     <option value="amzn_seller">amzn_seller</option> 
    </select> 
    <br> 
    </div> 

    <input type="file" name="file" id="myFile"> 
    &nbsp;&nbsp;  
    <div id="temp_display" name="disp"></div> 
    <br> 
    &nbsp;&nbsp;  
    <input type="hidden" name="filename" id="my_file_name" value=""> 

    <div class="form-group"> 
    <label class=" control-label">Delimiter</label> 
    <select class="form-control" id="delimiter" name="delimiter"> 
     <option value=""></option> 
     <option value=";">;</option> 
     <option value=",">,</option> 
     <option value="/t">tab</option 
    </select> 
    <br> 
    </div> 

    <div class="container"> 
    <%= button_tag(type: 'submit', class: "btn btn-default", 'data-toggle' => 'modal', 'data-target'=>'#myModal', id: "concat") do %> 
     Submit 
    <% end %> 
    <div class="modal fade" id="myModal" role="dialog"> 
     <div class="modal-dialog"> 
      <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Intel</h4> 
      </div> 
      <div class="modal-body"> 
      <p>you have successfully created <p id="demo"></p> table.</p> 
      </div> 
      <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
<% end %> 

這是我的JS

$(document).ready(function() { 
$('#concat').on('click', function(event) { 
    $('#contactform') 
     .formValidation({ 
      framework: 'bootstrap', 
      icon: { 
       valid: 'glyphicon glyphicon-ok', 
       invalid: 'glyphicon glyphicon-remove', 
       validating: 'glyphicon glyphicon-refresh' 
      }, 
      fields: { 
       prefix: { 
        // The messages for this field are shown as usual 
        validators: { 
         notEmpty: { 
          message: 'The prefix is required' 
         }, 
        } 
       }, 
       client: { 
        // The messages for this field are shown as usual 
        validators: { 
         notEmpty: { 
          message: 'The client is required' 
         }, 
        } 
       }, 
       delimiter: { 
        // The messages for this field are shown as usual 
        validators: { 
         notEmpty: { 
          message: 'The delimiter is required' 
         }, 
        } 
       }      

      } 
     }); 

    if($("#prefix").val().length!=0 && $("#client").val().length!=0 && $("#delimiter").val().length!=0){ 
     event.preventDefault(); 
    } 
    event.stopImmediatePropagation() 

    concatenated_string = $("#prefix").val() + "_" + $("#client").val() + "_" + $("#myFile").val(); 
    $("#concatenated_string").val(concatenated_string); 
    myvar = concatenated_string.replace(/C:\\fakepath\\/i, ''); 

    var filename = myvar; 

    $("#temp_display").text(filename); 
    document.getElementById("my_file_name").value = filename; 
    alert(filename); 
}); 
}); 

這是我的控制器操作

def create_table 
    filename = params[:filename] 
    content = params[:file].path 
    del = params[:delimiter] 
end 

Answer 1

可能的原因是調用stopImmediatePropagation

https://api.jquery.com/event.stopimmediatepropagation/