ブートストラップフォームが提出されない

Question

私はブートストラップを使用しており、フォームをPHPページに提出しようとしています。しかしformは提出されません。

<div class="container"> 
    <div class="row"> 
    <div class="col-md-5 col-sm-12"> 
     <ul class="timeline" data-offset-top="3"> 
     <li> 
      <div class="timeline-panel"> 
      <form name="Wall_Post" id="Wall_Post" action="/update.php" method="post" role="form" enctype="multipart/form-data" class="facebook-share-box"> 
       <div class="timeline-body"> 
       <div class="share-form"> 
        <ul class="post-types"> 
        <li class="post-type"> 
         <a class="status" id="shareType" href="#"><i class="fa fa-file"></i> Status</a> 
        </li> 
        <li class="post-type"> 
         <a class="photos" id="shareType" href="#"><i class="fa fa-camera"></i> Photos</a> 
        </li> 
        <li class="post-type"> 
         <a class="videos" id="shareType" href="#"><i class="fa fa-film"></i> Video</a> 
        </li> 
        <li class="post-type"> 
         <a class="location" id="shareType" href="#"><i class="fa fa-map-marker"></i> Place</a> 
        </li> 
        </ul> 
        <div class="share"> 
        <div class="arrow"></div> 
        <div><textarea name="message" cols="40" rows="10" id="status_message" class="form-control message" style="height: 62px; overflow: hidden;" placeholder="What's on your mind ?"></textarea> </div> 

        <div class="image hide"> 
         <input type="file" class="form-control" name="image" id="image" /> 
        </div> 
        <div class="video hide"> 
         <input type="text" class="form-control" placeholder="Youtube or Vimeo video URL" id ="videoUrl" name="videoUrl"/> 
        </div> 
        <div class="place hide"> 
         <input id="geocomplete" class="form-control" type="text" name="location" placeholder="Enter a location" /> 
         <div class="map_canvas"></div> 
         <input type="hidden" name="lat" /> 
         <input type="hidden" name="lng" /> 
        </div> 
        <input type="hidden" name="shareType" class="shareType" value="status" /> 
        </div> 
       </div> 
       </div> 
       <div class="timeline-footer clearfix"> 
       <div class="pull-right"> 
        <input type="submit" name="submit" value="Post" id="btn-share" class="btn btn-primary" /> 
       </div> 
       </div> 
      </form> 
      </div> 
     </li> 
     </ul> 
    </div> 
    </div>  
</div> 

も私はjqueryのv1.11.1が含まれていないところに同じコードが、他のページで正常に動作している、私のウェブサイトにjqueryのv1.11.1を使用しています。別のものは、フォームを送信するためにajaxを使用したくないということです。何か可能性はありますか？

Answer 1

。送信ボタンをクリックすると、フォームは/update.phpに送信されます。したがって、送信するフォームをブロックしているjavascriptである必要があります。あなたは含まれている任意のjavascriptファイルがありますか？はいの場合は、フォームを提出して何かしますか？

EDIT： 私はjavascriptのファイルとあなたのコメントの後に問題を発見：あなたのscript.jsにあなたはreturn false;を行い、この関数の終わりにライン12上の$("form").submit()を行います。これにより、各フォームの送信プロセスが上書きされます。このreturn false;を47行目に、45行目を削除してください（または、switch文のデフォルト部分全体を削除するだけです）！

Answer 2

同一のID（「shareType」）の複数のインスタンスがあります。問題が発生しているかどうかわかりませんが、リンクごとに一意のIDに変更する必要があります。複製されたIDの例は次のようにあります（IDは、いくつかの重複があるaltough。）あなたのHTMLがうまく働いている

<a class="status" id="shareType" href="#"><i class="fa fa-file"></i> Status</a> 

Answer 3

多分間違っ@Laurensが言うようにaction="../update.php

Answer 4

でaction="/update.php"トライ変更を入力する - あなたはその関数の最後にリターン偽をやっているだけでなく、フォームのIDに基づいて、switchステートメントを行っていますデフォルトのアクションでは、idが3つのうちの1つでない場合にfalseを返すことになります。これは、このフォーム（3つのうちの1つではない）がデフォルトアクションをトリガーし、falseを返すことを意味します。したがって、フォームを送信しません。このフォームのスイッチケースを他のものと同様に追加する必要があります