モーダルウィンドウからDBに値を反映させたい

Question

実現したいこと
現在、カレンダーアプリを作っており、件名にもある通りなのですが、予定を登録したい日付を押すとモーダルウィンドウが登場し、そこで内容を書き込み、保存ボタンを押すとDBに内容を送るような仕様にしたいと考えています。

以前は、別画面に遷移させ、そこで内容を打ち込んでDBに送信しており、同じような要領で手順を踏めばできるのではと考えたのですがうまくいかずに困っております。

ご教示いただけると幸いです。

該当ソースのコード

<?php
 require('dbconnect.php');
 session_start();
 try {
    if (!empty($_POST)) {
      if ($_POST['message'] !== '') {
        $content = $db->prepare('INSERT INTO posts(user_id,content) values(?,?)');
        $content->execute(array(
          $_SESSION['id'],
          $_POST['message']
        ));
        header('Location: index.php');
        exit();
      }
    }
  }catch(Exception $e){
    echo $e->getMessage();
    echo $e->getTraceAsString();
    die();
  }
 ?>
  <!-- 2.モーダルの配置 -->
  <div class="modal" id="modal-example" tabindex="-1">
    <a href="#modalFade" id="modalTrigger" role="button" class="btn" data-toggle="modal" style="display: none;"></a>
    <div class="modal-dialog">
 
      <!-- 3.モーダルのコンテンツ -->
        <div class="modal-content">
 
        <!-- 4.モーダルのヘッダ -->
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="modal-label">登録</h4>
        </div>
 
        <!-- 5.モーダルのボディ -->
        <form action="" method="post"> 
        　<div class="modal-body">
          　<p>タイトル</p>
            　<input type='text' id='modalName' name='title'>
          　<p>予定の内容<br>
            　<textarea name='message'cols='70' rows='5' ></textarea><!--こちらの内容です!-->
          　</p>
        　</div>
 
        <!-- 6.モーダルのフッタ -->
        　<div class="modal-footer">
          　<button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
          　<button id='set' type="button" class="btn btn-primary">保存　</button>
        　</div>
        </form>
      </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

試したこと
特にエラーも出ることなく、保存ボタンを押してもモーダルウィンドウが表示されたまま何も変化が起こらない状態です。

捕捉
開発環境
OS:Mac
Webサーバー：xampp
DB:mysql

Answer 1

見落としておりました！
解決しました！ありがとうございます！

Comments

[Anstrengung]

上記は誤送信です。
失礼いたしました。

Answer 2

submit用のボタンが無いのでは。

<!--
<button id='set' type="button" class="btn btn-primary">保存　</button>
                         ↓                                            -->
<button id='set' type="submit" class="btn btn-primary">保存　</button>

Comments

[Anstrengung]

見落としておりました！
解決しました！ありがとうございます！