я пытаюсь использовать проверку jquery в рельсах. Я могу использовать jquery проверку, но я не могу отправить данные формы, когда я использую jquery проверку. кнопка отправки отключается, когда я нажимаю и данные не отправляются. Также бэкэнд-валидация перестала работать с этим кодом. Может кто-нибудь знает вопрос ?? ---
форма. html .erb
<%= form_with(model: project, :html => {:id => "project-form"}, local: true) do |form| %>
<% if project.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(project.errors.count, "error") %> prohibited this project from being saved:</h2>
<ul>
<% project.errors.full_messages.each do |message| %>
<li><%= message %></li>
<% end %>
</ul>
</div>
<% end %>
<div class="row select-date-wrapper">
<div class="field columns large-6">
<%= form.label :project_name,:class=>"required" %>
<%= form.text_field :project_name %>
</div>
<div class="field columns large-3">
<%= form.label :from_date,:class=>"required" %>
<%= form.date_select :form_date, prompt: { day: 'dd', month: 'mm', year: 'yyyy' }, order: [:day, :month, :year], class: 'select-date' %>
</div>
<div class="field columns large-3">
<%= form.label :to_date,:class=>"required" %>
<%= form.date_select :to_date, prompt: { day: 'dd', month: 'mm', year: 'yyyy' }, order: [:day, :month, :year], class: 'select-date' %>
</div>
</div>
<div class="row">
<div class="actions columns button-right">
<br>
<%= form.submit :class => "button primary" %>
</div>
</div>
<% end %>
приложение. js
//= require jquery
//= require rails-ujs
//= require jquery-ui/widgets/datepicker
//= require activestorage
//= require jquery.validate
//= require turbolinks
//= require foundation
//= require_tree .
$(function(){ $(document).foundation(); });
$(document).ready(function () {
$('#project-form').validate({
debug: true,
rules: {
"project[project_name]": {required: true, } //added this
}
});
});
projects_controller.rb
def create
@project = current_user.projects.build(project_params)
respond_to do |format|
if @project.save
format.html { redirect_to @project, notice: 'Project was successfully created.' }
format.json { render :show, status: :created, location: @project }
else
format.html { render :new }
format.json { render json: @project.errors, status: :unprocessable_entity }
end
end
end