2017-04-13 2 views
0

내 양식의 유효성을 검사하기 위해 'client_side_validations'gem을 사용하고 있습니다. 그러나 처음에는 display: none 속성이 있고 jquery 클릭 조치 후 display: block으로 변경됩니다.레일 - 클라이언트 측 유효성 검사 - 아무도 표시되지 않습니다.

$(document).ready(function() { 
    $('#thumb_up').on('click', function() { 
    $('.vote_form').css('display', 'block'); 
    }); 
}); 

불행히도 작동하지 않습니다. 대신 visibility을 사용하면 작동합니다. display: none attr을 사용하여 실행하는 방법?

+0

'$를 사용해보십시오 쇼()' –

+0

이 unfortunatelly 같은 효과 – mike927

답변

0

보석 (source code 참조)은 보이는 입력, 즉 페이지의 공간을 차지하는 요소에 대해서만 클라이언트 측 유효성 검증을 초기화합니다.

양식을 보여주는 후에는 클라이언트 측 유효성 검사를 사용하도록 설정해야합니다 :

$('.vote_form').enableClientSideValidations(); 

https://github.com/DavyJonesLocker/client_side_validations#enabling

+0

나 '('vote_form를. '). 읽었을 때 나에게 도움이되지 않습니다. 그것이 작동하면 보석은 다음과 같은 입력을 렌더링합니다. // 'data-validate = "true"'부분이 아닙니다. – mike927

관련 문제