У меня есть базовый Модальное окно Bootstrap, содержащий форму, который мне нужно отображать на моей домашней странице, когда я нажимаю кнопку «Новое сообщение».
Post
модель:
class Post < ApplicationRecord
belongs_to :user
validates :content, length: { in: 1..400 }
end
Кнопка в home.html.erb
, которая должна отображать _modal.html.erb
<!-- Modal button -->
<button type = "button" class = "btn btn-primary" data-bs-toggle = "modal" data-bs-target = "#tweetModal">
New Tweet
</button>
_modal.html.erb
<!-- Tweet Modal -->
<div class = "modal fade" id = "tweetModal" tabindex = "-1" aria-labelledby = "tweetModalLabel" aria-hidden = "true">
<div class = "modal-dialog">
<div class = "modal-content">
<div class = "modal-header">
<h5 class = "modal-title" id = "tweetModalLabel">Send a new Tweet</h5>
<button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close">X</button>
</div>
<div class = "modal-body">
<%= simple_form_for @post, remote: true do |f| %>
<div class = "form-inputs">
<%= f.input :content %>
</div>
<div class = "form-actions">
<%= f.submit "Submit", class: "btn btn-primary"%>
</div>
<% end %>
</div>
</div>
</div>
</div>
Как мне заставить кнопку на моей домашней странице отображать этот частичный файл, когда я нажимаю на него с помощью Javascript?
Могу ли я сделать ошибки проверки отображения модального окна?
Вы пробовали: https://www.w3schools.com/howto/howto_html_include.asp? Он включает HTML в другой HTML. Что касается проверки, она будет отображаться в модальном режиме только в том случае, если вы не используете подлинный «требуемый» валидатор и запрограммируете свой собственный, чтобы он отображался в модальном окне.