레일에서 유효성 검사를 미화하는 법

Question

나는 validataes_presence_of를 수행하는 간단한 스캐 폴드 레일 어플리케이션을 보유하고 있습니다.

유효성 검사를 통해 각 텍스트 필드가 경계를 이루고 있습니다. 오류 메시지를 맨 위에 표시하기 만하면됩니다.

는

어떻게

Answer 1

는 유효성 검사 오류에 대한 rails guide 확인 했 검증을 변경 또는 색상 변경이 유형을 만들 수 있습니까?

Answer 2

레일 응용 프로그램은 CSS을 [application_root]/public/stylesheets에 저장합니다. 새로운 레일즈 앱은이 디렉토리에 default.css이라는 파일을 갖습니다. 이 파일에는 다음이 포함되어 : - 특히 border에 -

#errorExplanation { 
    width: 400px; 
    border: 2px solid red; 
    padding: 7px; 
    padding-bottom: 12px; 
    margin-bottom: 20px; 
    background-color: #f0f0f0; 
} 

#errorExplanation h2 { 
    text-align: left; 
    font-weight: bold; 
    padding: 5px 5px 5px 15px; 
    font-size: 12px; 
    margin: -7px; 
    background-color: #c00; 
    color: #fff; 
} 

#errorExplanation p { 
    color: #333; 
    margin-bottom: 0; 
    padding: 5px; 
} 

#errorExplanation ul li { 
    font-size: 12px; 
    list-style: square; 
} 

여기에 일부 매개 변수의 값에 대한 재생하면 당신은 당신의 맛에 더 보이는 뭔가를 찾을 수 있습니다.

Answer 3

나는 Formtastic을 살펴볼 것을 제안합니다. 설치가 쉽고 스캐 폴드 형 앱으로 훌륭하게 작동하며 멋진 HTML 및 CSS를 제공합니다.