2014-06-21 6 views
0

jQuery를 사용하여 텍스트 필드의 값이 50과 다른 경우 사용자가 양식을 제출하지 못하도록 일부 코드를 작성하려고합니다. 양식 제출 작업은 훌륭하지만 제출을 막기 위해 jQuery 코드에 몇 가지 문제가있다. 필드 값이 false 인 경우 양식 제출 금지

내 HTML 코드 : 값이 NOT (50)의 경우이 코드 만 인 제출할 수 있음을

$('sbtAddCarFrm').on('click', function(event) { 
    event.preventDefault ? event.preventDefault() : event.returnValue = false; 

    if ($('samp').val() != 50) { 
     $('vehicleRegFrm').submit(); 
    } else { 
     alert("your message"); 
    } 
}); 

답변

2

시도이

$("#vehicleRegFrm").submit(function(){ 
     if ($('#samp').val() != 50) { 
      alert('form will not be sent') 
      return false; 
     } 
     else { 
      alert('form will be sent') 
      return true; 
     } 
    }) 

사용자가 다른 값 아무것도

+0

제안 해 주셔서 감사합니다. 성공하지 못했다면, 양식은'samp' 필드의 입력 내용과 상관없이 여전히 제출됩니다. – BradG

+0

나는 이것을 나의 지역에서 시험해 보았다. 나는 무시한 제 3 자의 세부 사항이 있다는 것을 확신합니다. 확인할 사항 : 1) jquery 라이브러리는 올바르게 이라고 부릅니다. 2) jQuery 코드는 html 코드 다음에 삽입해야합니다. 3) 예기치 않은 충돌을 피하기 위해 새 페이지에서이 코드를 실행 해보십시오. – mondersky

+0

문제는 jQuery HTML 앞에. 일한 후 배치! 많은 도움을 주셔서 감사합니다! – BradG

0
$('input[name="sbtAddCarFrm"]').on('click', function(event) { 
    event.preventDefault(); 

    if ($('#samp').val() != 50) { 
     $('#vehicleRegFrm').submit(); 
    } 
    else { 
     alert("your message"); 
    } 
}); 

참고 : 여기에

<form name="vehicleRegFrm" id="vehicleRegFrm" action="" method="post"> 
    <input name="samp" id="samp" type="text" /> 
    <input name="sbtAddCarFrm" type="submit" value="Continue" /> 
</form> 

이 문제가 jQuery 코드입니다 당신 질문과는 다른 것!

+0

그냥 아무 성공했는데, 제안 주셔서 감사 전송되지 않습니다 작성하는 경우 사용자가 양식을 전송됩니다 (50)를 작성하는 경우 , 양식은'samp' 필드의 입력 내용에 상관없이 여전히 제출됩니다. – BradG

+0

어때? 답변을 다시 확인하고, 그것을 편집했습니다. –

+0

아직 행운이 아닐 때마다 양식이 제출됩니다. – BradG