10 (1) s 10.2 rails c Rails 7 > item = PlanItem.new => #<PlanItem id nil, name nil,...> > item.name = "" => "" > item.valid? => true valid? true false

Size: px

Start display at page:

Download "10 (1) s 10.2 rails c Rails 7 > item = PlanItem.new => #<PlanItem id nil, name nil,...> > item.name = "" => "" > item.valid? => true valid? true false"

さいぞうにかどり
5 years ago
Views:

1 10 (1) 16 7 PicoPlanner validations 10.1 PicoPlanner Web Web invalid values validations Rails validates validate 107

2 10 (1) s 10.2 rails c Rails 7 > item = PlanItem.new => #<PlanItem id nil, name nil,...> > item.name = "" => "" > item.valid? => true valid? true false valid name PlanItem true PicoPlanner name Rails PlanItem app/models/plan_item.rb 17 class PlanItem < ApplicationRecord 18 scope natural_order, 19 -> { order(starts_at asc, all_day desc, id asc) }

3 validates name, presence true before_save do validates presence name invalid Rails blank " " "\t" "\v" "\n" "\r" "\f" NEL "\u0085" NEL NEL "\u0085" IBM EBCDIC Rails > reload! Reloading... reload! Rails 109

4 10 (1) > item = PlanItem.new => #<PlanItem id nil, name nil,...> > item.name = "" => "" > item.valid? => false PlanItem 0 false OK > item.name = " " => " " > item.valid? => false 1 name false > item.name = "A" => "A" > item.valid? => true "A" 10.3 HTML5 Form validation errors remover Google Chrome HTML5 Form validation errors remover Errors Remover Chrome URL https//chrome.google.com/webstore/category/extensions HTML5 Form validation Enter 110

1 10.1 HTML5 Form validation errors remover Errors

5 10.3 HTML5 Form validation errors remover HTML5 Form validation errors remover CHROME Chrome HTML5 Form validation errors remover Errors Remover HTML5 PicoPlanner required name PicoPlanner

6 10 (1) 10.2 HTML5 Errors Remover HTML5 Google Chrome Firefox input textarea required Rails HTML5 Ruby Python HTML5 Form validation errors remover HTML5 Rails 112

7 10.4 plan_items#create 10.4 plan_items#create plan_items create def create PlanItem.create(plan_item_params) redirect_to plan_items, notice ' ' end create valid? create app/controllers/plan_items_controller.rb 45 def create 46 - PlanItem.create(plan_item_params) 46 = PlanItem.new(plan_item_params) end 50 redirect_to plan_items, notice ' ' 51 end save! 5 create create

8 10 (1) create app/controllers/plan_items_controller.rb 45 def create = PlanItem.new(plan_item_params) redirect_to plan_items, notice ' ' 50 end 50 - redirect_to plan_items, notice ' ' 51 end redirect_to if app/controllers/plan_items_controller.rb 45 def create = PlanItem.new(plan_item_params) redirect_to plan_items, notice ' ' 50 + else 51 + render action 'new' 52 end 53 end else render PicoPlanner Errors Remover Rails Rails A 114

9 10.5 errors.scss plan_items#create app/controllers/plan_items_controller.rb 45 def create = PlanItem.new(plan_item_params) redirect_to plan_items, notice ' ' 49 else 50 render action 'new' 51 end 52 end save save! save! false 10.5 errors.scss Chrome HTML <div class="form-group"> <div class="field_with_errors"> <label for="plan_item_name"> </label> </div> <div class="field_with_errors"> <input class="form-control" required="required" type="text" value="" name="plan_item[name]" id="plan_item_name"> </div> </div> 115

$10 (1) div label input div Rails class field_with_errors app/assets/stylesheets errors.scss app/assets/stylesheets/errors.scss (New) 1 div.field_with_errors { 2 input.$

10 10 (1) div label input div Rails class field_with_errors app/assets/stylesheets errors.scss app/assets/stylesheets/errors.scss (New) 1 div.field_with_errors { 2 input.form-control[type="text"], 3 textarea.form-control { 4 border-color red; 5 background-color pink; 6 } 7 label { 8 color red; 9 } 10 } plan_items#update plan_items#update 116

11 10.6 plan_items#update app/controllers/plan_items_controller.rb 54 def update 55 - plan_item = PlanItem.find(params[id]) 55 = PlanItem.find(params[id]) 56 - plan_item.update_attributes(plan_item_params) redirect_to plan_items, notice ' ' 59 end update_attributes assign_attributes PlanItem update_attributes plan_items#update app/controllers/plan_items_controller.rb 54 def update = PlanItem.find(params[id]) redirect_to plan_items, notice ' ' redirect_to plan_items, notice ' ' 59 + else 60 + render action 'edit' 61 + end 62 end 117

12 10 (1) if... PlanItem 58 redirect_to save false 60 render Errors Remover OK A 118

13 11 Bootstrap Bootstrap Errors errors.scss SCSS Rails label input div Bootstrap Bootstrap errors.scss $ rm app/assets/stylesheets/errors.scss config/initializers action_view.rb 119

14 11 Bootstrap config/initializers/action_view.rb (New) 1 ActionViewBase.field_error_proc = -> (html_tag, instance) { html_tag } Rails label input div config/initializers Rails config/initializers action_view.rb label input -> 7 HTML div 11.2 Bootstrap Bootstrap <div class="form-group has-danger"> <label class="form-control-label" for="user_name"> </label> <input type="text" class="form-control" id="user_name"> </div> div form-group Bootstrap 1 has-danger div label form-control-label HTML

11.2 Bootstrap 11.1 Bootstrap PicoPlanner Bootstrap app/views/plan_items _fields.html.erb app/views/plan_items/_fields.html.erb 1 - <div class='form-group'> 1 + <div class='form-group has-danger'> 2 - <%= f.

15 11.2 Bootstrap 11.1 Bootstrap PicoPlanner Bootstrap app/views/plan_items _fields.html.erb app/views/plan_items/_fields.html.erb 1 - <div class='form-group'> 1 + <div class='form-group has-danger'> 2 - <%= f.label name, ' ' %> 2 + <%= f.label name, ' ', class 'form-control-label' %> 3 <%= f.text_field name, class 'form-control', required true %> 4 </div> Bootstrap Bootstrap 121

16 11 Bootstrap app/views/plan_items/_fields.html.erb 1 <div class='form-group has-danger'> 2 <%= f.label name, ' ', class 'form-control-label' %> 3 - <%= f.text_field name, class 'form-control', required true %> 3 + <%= f.text_field name, 4 + class 'form-control form-control-danger', required true %> 5 </div> input class form-control-danger Errors div class name f.object.errors.include?(name) f object 122

17 11.4 content_tag errors ActiveModelErrors Errors 11.4 content_tag div class _fields.html.erb 1 has-danger <%= 'has-danger' if f.object.errors.include?(name) %> ERB <div class='form-group <%= 'has-danger' if f.object.errors.include?(name) %>'> <%= f.label name, ' ', class 'form-control-label' %> <%= f.text_field name, class 'form-control form-control-danger', required true %> </div> HTML ERB <%=... %> <... > '... ' content_tag <%= content_tag p do %> Hello, world! <% end %> HTML 123

18 11 Bootstrap <p> Hello, world! </p> content_tag 1 HTML content_tag 2 HTML <%= content_tag p, class 'message' do %> Hello, world! <% end %> HTML <p class='message'> Hello, world! </p> content_tag _fields.html.erb app/views/plan_items/_fields.html.erb 1 - <div class='form-group has-danger'> 1 + <%= content_tag div, class 'form-group has-danger' do %> 2 <%= f.label name, ' ', class 'form-control-label' %> 3 <%= f.text_field name, 4 class 'form-control form-control-danger', required true %> 5 - </div> 5 + <% end %> div class ERB 4 app/views/plan_items/_fields.html.erb 124

19 11.4 content_tag 1 + <% 2 + html_classes = %w(form-group) 3 + html_classes << 'has-danger' if f.object.errors.include?(name) 4 + %> 5 <%= content_tag div, class 'form-group has-danger' do %> 2 html_classes "form-group" %w(... ) name 'has-danger' 5 app/views/plan_items/_fields.html.erb 1 <% 2 html_classes = %w(form-group) 3 html_classes << 'has-danger' if f.object.errors.include?(name) 4 %> 5 - <%= content_tag div, class 'form-group has-danger' do %> 5 + <%= content_tag div, class html_classes.join(' ') do %> join HTML class OK 125

20 11 Bootstrap

16 NanoPlanner name PlanItem.changeset/2 > validate_required([:name]) name :name Ecto.Changeset validate_required/3 Ecto.Changeset "validate_"

16 NanoPlanner name PlanItem.changeset/2 > validate_required([:name]) name :name Ecto.Changeset validate_required/3 Ecto.Changeset validate_ 16 NanoPlanner 16.1 13 name PlanItem.changeset/2 > validate_required([name]) name name Ecto.Changeset validate_required/3 Ecto.Changeset "validate_" 10 16.1 205 16 16.1 / ID validate_acceptance/3 true