자바 스크립트 기능이 중지되지 않습니다. 제출

Question

   function checkdates() 
      { 
        var startdate = document.forms["frmHolidayRequest"]["startdate"].value; 
        var enddate = document.forms["frmHolidayRequest"]["enddate"].value; 
        if (Date.parse(startdate) > Date.parse(enddate)) 
         { 
          alert("The End Date can not be before the Start Date") 
          return false; 
         } 

      } 

두 개의 입력 된 날짜를 확인하는 자바 스크립트 기능이 있습니다. 그 중 하나는 휴일 시작 날짜이고 다른 하나는 종료 날짜입니다. 사용자가 시작 날짜 이전의 종료 날짜를 선택하면 경고가 팝업되지만 양식을 제출합니까?

<form name="frmHolidayRequest" action="HomePage.asp" onsubmit="return InputBoxValidation() || checkdates() || samedates()" method="post"> 
<input type="text" class="datepicker" name="startdate" readonly="true" /> 
<input type="text" class="datepicker" name="enddate" readonly="true" /> 
<input type="submit" name="submitbutton" value="Submit" /> 
</form> 

Answer 1

당신은 핸들러를 제출 인라인을 제거하고 결합한다, 사용되어야한다.

checkdates 기능을 정의했습니다.

희망이 도움이 될 것입니다.

Answer 2

경고가 양식 제출을 중단하지 않습니다. If 문으로 이동할 때 제출을 중단하려면 다음을 시도하십시오.

function checkdates(e) 
      { 
        var startdate = document.forms["frmHolidayRequest"]["startdate"].value; 
        var enddate = document.forms["frmHolidayRequest"]["enddate"].value; 
        if (Date.parse(startdate) > Date.parse(enddate)) 
         { 

          alert("The End Date can not be before the Start Date") 
          e.preventDefault(); 
          return false; 
         } 

      } 

Answer 3

글쎄, 접근 방법이 잘못되었습니다. preventdefault가 필요합니다. 당신의 자바 스크립트 jQuery로

예 :

그리고 원본이 제출 차단합니다 태그의 onsubmit = yourfunction, 기분이야의 jQuery를 제거합니다.

$("[name='frmHolidayRequest']").submit(function(event){ 

    var startdate = $("[name='startdate']").val(); // if you used Name , if u id it's $("#startdate").val(); 
    var enddate = $("[name='enddate']").val(); 
    if (Date.parse(startdate) > Date.parse(enddate)) 
     {   
     event.preventDefault(); 
     alert("The End Date can not be before the Start Date"); 
     } 
    }); 

편집 : 내 이전 코드 ^^ 잘못 그래서 당신은, 내가 양식 이름을 볼 수 없습니다 ID를 이름을 사용하는

Answer 4

귀하의 문제는 경고가 스레드의 결과를 차단하고 있다는 것이다 당신의 checkdates()가 시간 초과되었습니다. 경고 상자를 표시하기 전에 기본 동작을 금지해야합니다.

중요 : 경고 전에에서 preventDefault 을 넣어

function checkdates(evt) 
{ 
    var startdate = document.forms["frmHolidayRequest"]["startdate"].value; 
    var enddate = document.forms["frmHolidayRequest"]["enddate"].value; 
    if (Date.parse(startdate) > Date.parse(enddate)) 
    { 
     evt.preventDefault(); 
     alert("The End Date can not be before the Start Date") 
    } 
} 

Answer 5

문제는 여기이 중 하나에 해당하면 true를 반환 말한다

return InputBoxValidation() || checkdates() || samedates() 

이다. 당신은 jQuery의 CSTE 연구진의 방법을 사용하여 이벤트를 제출하지 OR

onsubmit="return return (InputBoxValidation() && checkdates() && samedates());" 

또는

function validateAll() { 
    var testA = InputBoxValidation(); 
    var testB = checkdates(); 
    var testC = samedates(); 
    return testA && testB && testC; 
} 

및

onsubmit="return validateAll();"