jquery datepicker에 유효성 검사 추가

$(document).ready(function() { 

     $("#datepicker1").datepicker({ 

      minDate: 0, 
      numberOfMonths: 2, 
      onSelect: function (selected) { 
       var minDate = $(this).datepicker('getDate'); 
       minDate.setDate(minDate.getDate() + 1); 
       $("#datepicker2").datepicker("option", "minDate", minDate) 
      } 
     }); 

     $("#datepicker2").datepicker({ 
      numberOfMonths: 2, 
      onSelect: function (selected) { 
       $("#datepicker1").datepicker("option", "maxDate", selected) 
      } 
     }); 
    });

나는 2 개의 텍스트 상자 (jquery datepicker 포함) 인 datepicker1 및 datepicker2와 검색 버튼을 가지고 있습니다. 어떤 날짜를 선택해도 버튼을 클릭하면 "데이트를 선택하십시오"라는 레이블이 나타나기를 원합니다?jquery datepicker에 유효성 검사 추가

출처

2013-02-17 Jake russel Palma

빈 입력 필드를 확인하려면 RequiredFieldValidator을 사용하십시오. 당신은 단지 빈 텍스트 상자에 대해 유효성을 검사 할 경우 다음 방금

이 ASP 버튼을 따라서 당신을 "btnSubmit"의 ID를 가지고 말할 수 있습니다 갈 수도

RequiredFieldValidator Class

출처

2013-02-17 09:21:11

의 RequiredFieldValidator는 JQuery와 날짜 선택기와 텍스트 상자를 지원하지 않습니다을 조정할 필요가있을 수 있습니다. : (( –

예, ASP.NET TextBox 인 한 –

:에

또한 참조 이거 ..

$('#btnSubmit').click(function (e) { 
if (!valdateForm) { 
e.preventDefault(); // this will prevent the button to submit so you can display error messages or do any other stuff you want. if validateForm returns true, then the form will submit as expected. 
} 


}); 

function validateForm() { 
    if ($('#datepicker1').val().length == 0 || $('#datepicker2').val().length == 0) { 
    return false; 
    } else {return true;} 
}

출처

2013-02-17 09:23:48

이지만 검색 버튼이 있습니다.) ASP 버튼과 연결하는 방법은 무엇입니까? –

@JakerusselPalma 내 답변을 편집했지만 테스트하지 않았습니다. 시도해보고 알려주세요. –

확실히!

이 작업을 수행하는 플러그인을 사용할 수 있습니다. jQuery 유효성 검사는 큰 선택입니다 http://docs.jquery.com/Plugins/Validation.

또는 당신이 그것을 youself를 작성할 수

$("#search").click(function(e){ 
    if($("#datepicker2").val() === '' || $("#datepicker1").val() === ''){ 
    alert("Please provide a value for date"); 
    e.cancel(); 
    } 
});

코드는 테스트하지, 당신은 조금 :

출처

2013-02-17 09:25:36

내 단추입니다. 어떻게하면 자바 스크립트에 연결할 수 있습니까? –

. 당신은 ASPNET 버튼을 사용하는 경우, 당신은 클라이언트 ID 추가해야 $ ("# <% = btnSearchRooms.ClientID %>")을 기능 (예를 (클릭) { e.preventDefault(); 경우 val() === '') { alert ("날짜에 값을 입력하십시오"); e.cancel(); } }); –

jquery datepicker에 유효성 검사 추가

답변

관련 문제