양식에 jquery livevalidation을 사용하고 있으며이 양식에는 remote => true를 사용합니다. 양식을 제출하는 동안 livevalidations는 필드의 오류를 표시하지만 양식도 제출됩니다. 그런 다음 서버 측 유효성 검증 작업으로 인해 롤백이 발생합니다.form_for에서 remote => true 인 경우 jquery livevalidations에 오류 메시지가 표시되지만 양식이 제출됩니다.
내가 사용하는 경우 Livevalidation이 작동하지 않습니다. remote => 어떤 형식이든 true.
설명을 통해 양식 유효성 검사가 올바르게 작동하고 있음을 알 수 있습니다. 그러나 양식에 버튼을 제출하면 유효성 검사가 실패하더라도 제출하게됩니다.
양식에서 제출 버튼을 제거하고 간단한 버튼으로 만들어야합니다. 그 간단한 버튼을 클릭하면 필드의 유효성을 검사하고 모든 jquery 코드의 양식을 제출해야합니다. 그리고 모든 필드가 올바르게 검증되지 않은 경우 false를 반환해야합니다.
jQuery 유효성 검사 부분에서 preventDefault() 함수를 사용하여 양식을 제출하도록 제한 할 수도 있습니다.
이전 버전의 브라우저를 제공하지 않으려면 html5 유효성 검사를 사용하면됩니다. 보기에 require => true을 넣으면 완료됩니다.
예. Nitin에게 감사드립니다. –
모델을 통해 유효성을 검사 했습니까? –