星評価機能をつけた投稿ボタンが発火しない

Question

現状

星評価機能を感想投稿サイトに実装しました。
しかし、投稿をクリックしても発火せず、ターミナルにも情報が保存された文章は走っていません。

以下が、投稿ボタンのコードです。

  <div class="col-md-3">
   <% if book.errors.any? %>
  <%= book.errors.count %>error
  <ul>
  <% book.errors.full_messages.each do |message| %>
    <li><%= message %></li>
  <% end %>
  </ul>
  <% end %>

  <h2>User info</h2>
  <%= image_tag user.get_profile_image(100,100) %>
  <table class="table">
    <tbody>
      <tr></tr>
      <tr>
        <th>name</th>
        <th><%= user.name %></th>
      </tr>
      <tr>
        <th>introduction</th>
        <th><%= user.introduction %></th>
      <th></th>
      </tr>
    </tbody>
  </table>
  <% if user.name != "guestuser" %>
  <div class="row">
    <%= link_to edit_user_path(user),class: "btn btn-outline-secondary btn-block edit_user_11572" do %>
      <i class="fas fa-user-cog"></i>
    <% end %>
  </div>

  <h2 class="mt-3">New book</h2>
    <%= form_with model: @book, local: true do |f| %>
    <div class="form-group">
      <lavel for="book_title">Title</lavel></br>
      <%= f.text_field :title %>
    </div>

    <div class="form-group">
      <lavel for="book_body">Opinion</lavel></br>
      <%= f.text_area :body %></br>
    </div>
    <%= form_with(model: @book, local: true) do |f| %>
      <div class="star-form-group" id="star1">              
      <%= f.label :star,'Rate', class:'star-title' %>　
      </div>
      <% end %>
    <script>
      $('#star1').raty({
        size     : 38,
        starOff:  '<%= asset_path('star-off.png') %>',
        starOn : '<%= asset_path('star-on.png') %>',
        starHalf: '<%= asset_path('star-half.png') %>',
        scoreName: 'book[star]',
        half: true,
      });
    </script></br>
      <%= f.submit "Create Book",class: "btn btn-success" %>
      <% end %>
    <% end %>

推測

恐らく、星評価機能実装前は投稿出来ていたため、
タグのかこっている範囲がおかしいのかなと考え、試してみましたがうまくいきませんでした。
分かる方、ご教授いただければ幸いです。

Answer 1

結論

何十通りか閉じタグの場所を変えてみると、投稿できるようになりました。
やはり、Submitが発火しないのは、記事にも多くあるようにFromタグがしっかりと
有効なところで閉じられていないということが多いのではないかと、、、

勉強になりました。

Comments

[退会済みユーザー]

それ、htmlの文法エラーがあって、webブラウザが解釈するのに混乱が生じている証拠だから、javascriptを仕込む前にhtmlとしての文法エラーを完璧に除去するといいよ。検査のためには、HTMLソースコードをこのサービスにかけてみるといいよ→https://validator.w3.org

[yuya555555]

spYD4RV7UIQmPhsさん、追記情報ありがとうございます。
試しにURLを入れてみたのですが、
Jump To: Error(s) blocking validation
Sorry! This document cannot be checked.
I got the following unexpected response when trying to retrieve
という、エラーとなりました。
是非とも、これを使いこなす知識も習得したく、良い紹介サイト等あれば教えていただけないでしょうか。

自分でも今から調べてみます。