Ruby on rails Parsley rails表单未提交rails 5。其他形式的作品
我正在尝试在rails应用程序的某些表单上使用parsley rails验证。问题是它在某些表单上工作得很好,在其他表单上不提交 我已经尝试将required true添加到所有表单元素中。我还使用了“data parsley validate”=>true、“data parsley validate”=>。似乎什么都不管用。下面是表单的代码Ruby on rails Parsley rails表单未提交rails 5。其他形式的作品,ruby-on-rails,ruby-on-rails-5,parsley.js,Ruby On Rails,Ruby On Rails 5,Parsley.js,我正在尝试在rails应用程序的某些表单上使用parsley rails验证。问题是它在某些表单上工作得很好,在其他表单上不提交 我已经尝试将required true添加到所有表单元素中。我还使用了“data parsley validate”=>true、“data parsley validate”=>。似乎什么都不管用。下面是表单的代码 = simple_form_for(([@place, @place.reviews.build]), html: {"data-parsley-val
= simple_form_for(([@place, @place.reviews.build]), html: {"data-parsley-validate" => true}) do |f|
%p= "Please rate your experience"
.rating-form
%hr
= f.input :comment, input_html: {maxlength: 1000, rows: 10}, label: "Please describe your experience at the location", hint: "Enter a brief description of your experience", error: "You must provide a description for this review.", required: true
%hr
= f.submit "Review this place", :class => "btn btn-primary btn-large"
:javascript
$('.rating-form').raty({
path: '/assets',
scoreName: 'review[rating]'
});
但是,我无法在验证后提交此表格:
= simple_form_for(@place, html: {class: "form-group", "data-parsley-validate" => true}) do |f|
= f.error_notification
.form-inputs
= f.input :name, label: "Please enter the name of your place", hint: "eg. Papa Chris's Pizza.", required: true
= f.label :Select_a_category
%br
= f.collection_select :category_id, Category.all, :id, :name, prompt: "Please choose a category", required: true
%br
= f.input :short_description, label: "Please enter a short description of your place", hint: "eg. Papa Chris's Pizza.", required: true
= f.input :description, as: :trix_editor, input_html: {maxlength: 1000, rows: 10}, label: "Please describe your place", hint: "Enter a brief description of your place", required: true
= f.attachment_field :place_images_files, direct: true, multiple: true
= f.simple_fields_for :locations do |location|
= location.input :address, label: "Please enter the address of your place", hint: "eg. Lumumba Drive", required: true
= location.input :city, label: "Please enter the city of your promotion", hint: "eg. Tema", required: true
= f.input :phone, label: "Please enter your phone number", hint: "eg. 030 412 3123", :input_html => { :maxlength => 10, :"data-mask" => "999 999 9999" }, required: true
= f.input :mobile_number,label: "Please enter your mobile number", hint: "eg. 020 111 2222", :input_html => { :maxlength => 10, :"data-mask" => "999 999 9999" }, required: true
= f.input :website,label: "Please enter your website", hint: "eg. papajohns.com"
.form-actions
= f.button :submit, class: "btn btn-large btn-primary"
这是我的application.js文件:
//= require rails-ujs
//= require jquery3
//= require jquery-ui
//= require ./jquery.raty.js
//= require jquery.timepicker.js
//= require jquery-mask-plugin
//= require jquery.slick
//= require parsley
//= require refile
//= require trix
//= require popper
//= require bootstrap-sprockets
//= require leaflet
//= require dropzone
//= require underscore
//= require masonry/jquery.masonry
//= require_tree .
我的应用程序.css
*= require leaflet
*= require 'masonry/transitions'
*= require_tree
*= require_self
*= require trix
*= require jquery-ui
*= require jquery.timepicker.css
*= require dropzone/dropzone
*= require parsley
*/
控制台和web检查器中没有显示任何内容。“提交”按钮不起作用。显然,Trix正在对禁用的输入触发欧芹验证。看见解决办法是增加 'data parsley excluded=“[disabled]” 到您的表单,如下所示:
<form data-parsley-validate data-parsley-excluded="[disabled]">
<trix-editor></trix-editor>
<input type="submit">
</form>