비 ActiveRecord 모델에서의 simple_form 유효성 검사가 올바르지 않음

Question

데이터베이스에 저장되지 않은 바닐라 루비 모델과 함께 simple_form을 사용하고 있습니다. db에있는 모델과 상호 작용하는 도우미 모델입니다. simple_form_for을 인스턴스 (simple_form_for :vanilla_model)가 아닌 심볼과 함께 사용할 수 있지만 클라이언트 측 유효성 검사 (HTML5 required 속성) 문제가 발생합니다.

내 양식에는 선택 상자와 일부 라디오 버튼이 있습니다. 나는 각각의 옵션을 선택하고 'submit'을 클릭한다. 양식을 제출하는 대신 브라우저는 선택을하지 않은 경우처럼 첫 번째 라디오 버튼을 강조 표시합니다 (선택하지 않고 초점 만 맞추기 만 함).

required 속성을 비활성화하여이 문제를 해결할 수 있지만 실제로 사용하고 싶습니다.

= simple_form_for(:my_model, url: my_path, method: :post) do |f| 
    = f.input_field :number, collection: numbers 
    = f.input_field :color, collection: colors, as: :radio_buttons 
    = f.button :submit 

및 생성 된 HTML

<form action="/my/path" class="simple_form my_model" method="post"> 
    <div> 
    ... utf8 & authenticity token ... 
    </div> 

    <select class="select required" id="my_model_number" name="my_model[number]"> 
    <option value=""></option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    </select> 

    <span class="radio"> 
    <input class="radio_buttons required" id="my_model_color_red" name="my_model[color]" type="radio" value="red" /> 
    <label class="collection_radio_buttons" for="my_model_color_red">Red</label> 
    </span> 
    <span class="radio"> 
    <input class="radio_buttons required" id="my_model_color_blue" name="my_model[color]" type="radio" value="blue" /> 
    <label class="collection_radio_buttons" for="my_model_color_blue">Blue</label> 
    </span> 

    <input class="button" name="commit" type="submit" value="Submit" /> 
</form> 

사람이 내가 여기에 누락 무엇을 가리킬 수 있습니다 여기에 내 생각이야? HTML5 유효성 검사를 활용하고 jQuery를 사용하려고 시도하는 것을 포기해야합니까? 페이지의 다른 부분에 대해 jQuery를 사용하고 있으므로 해당 경로를 사용할 수 있지만이를 이해하고 싶습니다.

Answer 1

많은 브라우저가 HTML 5 검증을 지원하지 않기 때문에 HTML 5 검증에 의존하는 것이 일반적으로 좋지 않습니다. 모델에 유효성 검사를 추가하여 레일 방식으로 구현하는 것이 어떻습니까?

validates :color, inclusion: {in: ["red", "blue"]}