클라이언트 측에서 양식 유효성 검사를 구성하는 방법은 무엇입니까?

Question

아약스를 통해 팝업하는 모달 윈도우가 있습니다 (내 데이터 및 폼이이 모달 창에서로드됩니다).

내 모달과 모달 바디

<div class="modal-body"> 
<%= form_for(@user, :url => update_name_user_registration_path, 
    :html => { :id => "form_name_phone", :method => :put }, :remote => true) do |f| %> 

     <div><%= f.label :name, t('form.name') %><br /> 
     <%= f.text_field :name %></div> 
     <div><%= f.label :phone_number %><br /> 
     <%= t('form.phone_notice')%><br /> 
     <%= f.text_field :phone_number, :maxlength => 10 %></div> 

    <div><%= f.submit t('users.update') %></div> 
<% end %> 
</div> 

와

<div id="name_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div> 

부분 형식은 다음 또한 AJAX를 통해 데이터를 전송합니다.

클라이언트 측에서이 양식의 유효성을 구성하는 방법은 무엇입니까?

Answer 1

이 레일 캐스트를 확인하십시오. client side validation. 이 보석은 양식 또는 모든 요소의 모든 요소를 ​​검증하는 데 도움이됩니다. 모델에서 정의한 유효성 검사를 사용합니다.

사용자 모델이 유효성 검사를 가지고 예 경우 :

validates :name, presence: true 

그런 다음 양식에 validate: true을 추가

<%= form_for(@user, validate: true, :url => update_name_user_registration_path, 
    :html => { :id => "form_name_phone", :method => :put }, :remote => true) do |f| %> 

이 존재해야합니다 양식에 name을 확인합니다. 모델의 다른 속성에 대한 유효성을 확인하면 유효성도 검사됩니다.