녹아웃 유효성 검사 오류 메시지 범위

Question

녹아웃 유효성 검사 플러그인을 사용하고 있는데 문제가 없지만 CSS를 사용하여 유효성 검사 범위를 조금 더 두드러지게 만들고 싶습니다. 유효성 검사 기간을 삽입하려고합니다. 입력 요소 바로 앞에, 추가 요소 인 입력 요소 다음에 추가됩니다. 여기

는, 지금 렌더링

<input id="personName" class="form-control placeholder has-error" type="text" data-bind="value: name" placeholder="Your name" title="This field is required." data-orig-title=""> 
<span class="validationMessage" style="">This field is required.</span> 

그래서 난 그냥 요소 전에이 기간을 추가하는 방법입니다.

Answer 1

오류 메시지 표시 방법을 사용자 정의하려면 미리 정의 된 validation bindings (이 경우 validationMessage)을 사용해야합니다. 또한

<span data-bind="validationMessage: name"></span> 
<input id="personName" class="form-control placeholder has-error" type="text" 
     data-bind="value: name" 
     placeholder="Your name" title="This field is required." data-orig-title=""> 

당신도 함께 turn off the automatic message insertion 필요 오류 메시지를 표시 이중 방지하기 위해 : 당신이 input 요소 앞에 예를 들어 그렇게 원하는 목적지 주어진 속성에 대한 확인 메시지를 표시 할 수 있습니다 바인딩이 사용

:

ko.validation.init({insertMessages: false}); 

데모 JSFiddle.