2017-12-20 32 views
0

나는이 질문을 부분적으로 알고있다. 사용자가 datepicker에서 입력 설명서를 허용하지 않으려는 경우 readonly를 사용하지만 내 문제는이 입력을하고 싶습니다. 또한 유효성 검사를 받으십시오.jQuery DatePicker 수동 입력 방지 및 유효성 검사시 필요한 얻을

$("#formkarir").validate({ 
    highlight: function(element) { 
     $(element).closest('.form-group').addClass('has-error'); 
    }, 
    unhighlight: function(element) { 
     $(element).closest('.form-group').removeClass('has-error'); 
    }, 
    errorElement: 'span', 
    errorClass: 'help-block', 
    errorPlacement: function(error, element) { 
     if (element.parent('.input-group').length) { 
      error.insertAfter(element.parent()); 
     } else { 
      error.insertAfter(element); 
     } 
    }, 
    rules: { 
     "closed": { 
      required: true 
     } 
    }, 
    messages: { 
     "closed": { 
      required: "Please, input expired recruitment job" 
     } 
    } 
}); 

그러나 closed가 비어 값이 나는 버튼을 누를 때이 메시지가 표시되지 않은 : 여기

<input type="text" id="closed" name="closed" class="form-control datepicker" readonly/> 

그리고 여기 내 자바 스크립트 내 코드입니다. 그걸 closed에있는 readonly을 삭제하면 메시지가 표시됩니다. 하지만 내 문제는, 나는 내 입력을 원하지 않는다. closed 수동 입력 받기. 어떻게해야합니까?

나는 내 사용자가 다른 날짜 형식을 입력 할까 두려워하기 때문에 readonly을 사용하고 있습니다. 누구든지 내 문제를 해결하는 방법을 알고 있습니까?

답변

0

이 필드가 포커스를받을 그것을 읽기 전용하는 경우에만하게하는 해결 방법은, 그것을 제거 그들은 그것을 왼쪽 일단 : How can I enable jquery validation on readonly fields?

또 다른 옵션은 HTML 필드 정규식 입력 형식을 설정하는 것입니다 : https://www.w3schools.com/tags/att_input_pattern.asp

다른 옵션은 유효성을 검사 할 때 수동으로 모든 필드를 반복하는 것입니다. 위의 링크도이 시도를해야합니다.

+0

나는 첫 번째 옵션을 시도했지만 아무 것도하지 않았다. 여전히 비어있는 경우 마사지를 보여주지 않았다. – Wolfzmus

+0

"비어있을 때"란 무엇을 의미합니까? blur 이벤트에 로그 라인을 삽입하여 readonly 속성 제거가 실제로 필요할 때 호출되는지 확인하고 submit 이벤트의 readonly 속성도 제거하십시오. –

+0

"빈"은 가치가 없다는 뜻입니다. 그리고 난 그냥 내 질문에 대답, 좀 바보입니다. 그나 저를 도와 주셔서 고마워요. :) 하지만 첫 번째 옵션 대답을 좀 좋아해. :) – Wolfzmus

0

좋아, 내가 soltuion을 발견하고, 어리석은 tought, 그래서 난 그냥 수동 날짜를 추가/편집 할 수없는 내 플러그인 부트 스트랩 datepicker relize, 그들은 날짜를 선택해야합니다. 따라서 읽기 전용이 필요하지 않습니다. 도와 주셔서 감사하고 더 나은 quesiton을 만들기 위해 내 대답을 편집 해보십시오. :)