날짜 필드가 필요하도록 jquery.unobstrusive를 jquery.ui.datepickers에 적용하는 방법을 알아낼 수 없습니다.

Question

MVC3 면도기를 사용하여 일부 텍스트, 두 개의 텍스트 상자 (StartDate & EndDate), 취소 및 검색 버튼이있는 부분보기가 있습니다. .

StartDate 및 EndDate 입력란에 유효하지 않은 날짜를 입력하면 텍스트 상자가 빨간색으로 강조 표시되며 날짜 표시기가 사용하는 눈에 거슬리지 않는 장식으로 강조 표시됩니까?

나는이 필드를 요구하는 방법을 알 수 없으며 유효하지 않은 데이터 입력이 빨간색으로 강조 표시됩니다. 여기

내 코드

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.date').datepicker({ dateFormat: "mm/dd/yy" }); 

    $("#printnoteform").validate({ 
     rules: { 
      startdate: { 
       required: true 
      }, 
      enddate: { 
       required: true 
      } 
     }, 
     messages: { 
      startdate: { 
       required: "Required" 
      }, 
      enddate: { 
       reqquierd: "Required 2" 
      } 
     } 
    }); 
}); 
</script> 

양식 ...

<input type="text" id="startdate" name="startdate" class="date" /> 
<input type="text" id="enddate" name="enddate" class="date" /> 

내가 어떤 브라우저 오류가없는 STARTDATE & 종료 날짜에 대한

@using (Html.BeginForm("PrintNotes", "Note", FormMethod.Post, new { id = "printnoteform", name = "printnoteform" })) 
{ 
    ...... 

HTML이며, STARTDATE 및 종료 날짜가 없습니다 모델의 일부이며 내가 할 필요가 없다면 모델을 만들고 싶지 않습니다. Web.config가 제대로 설정되었습니다.

무엇이 누락 되었습니까?

Answer 1

당신은이 상호 배타적 가능성이 있습니다

1. 눈에 거슬리지 사용 JQuery와
2. 수동으로 당신이 shouldn 눈에 거슬리지 jQuery를 사용하려면 양식

의 유효성 검사 규칙를 연결 ' 귀하의 양식에 수동으로 .validate 규칙을 추가하십시오 (이전처럼). 이것은 jquery unobtrusive 스크립트에 의해 자동으로 수행됩니다. 물론 그것을 할 수 있도록 입력 필드는 사용할 규칙과 메시지를 나타 내기 위해 HTML5 data- * 속성으로 꾸며야합니다. 예를 들어 :

<input class="text-box single-line" data-val="true" data-val-required="The startdate field is required." id="startdate" name="startdate" type="text" value="" /> 
<input class="text-box single-line" data-val="true" data-val-required="The enddate field is required." id="enddate" name="enddate" type="text" value="" /> 

은 일반적으로 이것은 당신이 속성에보기 모델과 바인딩을 사용할 때와 같은 EditorFor 같은 표준 HTML 헬퍼가 생성하는 출력됩니다. 뷰 모델에서 Data Annotation을 사용하여 유효성 검사 규칙을 추론하고이를 데이터 속성으로 전 환합니다.

두 번째 방법은 유효성 검사 규칙을 수동으로 연결하는 것입니다. 이 경우 폼에있는 .validate 규칙과 충돌하므로 jquery 눈에 잘 띄지 않는 스크립트의 흔적을 제거해야합니다. 이 경우 규칙과 메시지를 정의하는 것은 귀하에게 달려 있습니다.