2014-10-13 3 views
0

내가 jQuery를/자바 스크립트에 새로운 오전jQuery를하는 검증되지 않은 기능

내가 필드에 값이 있는지 확인하는 양식을 확인하려고하지만 난 콘솔 로그

에 다음과 같은 메시지가 무엇입니까

오류 메시지 :

TypeError: "#post_origin".val is not a function 

스크립트 :

<script> 

    $('#new_note_form').on('submit', function (event) { 
     $(".errors").empty().remove(); 
     $.each($('#post_origin, #post_dest, #post_radius, #post_available, #post_equipment, #post_notes, #post_origin_states, #post_dest_states'), function(i, field) { 
      $(field).css({ "border": '#FFFFFF 1px solid'}); 
     }); 


     if(('#post_origin').val() == '' && ('#post_origin_states').val() == ''){ 
      ('#post_origin').css({ "border": '#FF0000 2px solid'}); 
      ('#post_origin_states').css({ "border": '#FF0000 2px solid'}); 
      (".errors").empty().append('Origin City/State & Origin States Can\'t Both Be Blank'); 
      return false 
     } 
     if(('#available').val() == ''){ 
      ('#available').css({ "border": '#FF0000 2px solid'}); 
      (".errors").empty().append('Available Date Can\'t Be Blank'); 
      return false 
     } 

    }); 



</script> 
+0

'('#post_origin') .val()'(그리고'(#post_origin)'과'('#available')')에는'$'이 빠져 있습니다. jQuery 객체 대신 괄호로 묶은 문자열에 val()을 호출하려고합니다. –

답변

0

문제는 당신이다 ('#post_origin')이 유효하지 않으므로 $('#post_origin')을 사용하여 jQuery 객체를 가져 오는 것을 의미합니다. 이 작업을 몇 번 더 수행하면 $('selector')을 수행하여 jQuery 객체를 가져와야합니다.

또한 변수에 jQuery 객체를 저장하려면 var variableName = $('selector')을 사용하면됩니다.

+0

플린 (Flynn) 측에서는 세미콜론 (;)을 선호하지만 자바 스크립트에서는 선택 사항입니다. * (* .results ")' 그'return false' 라인은 완벽하게 유효합니다. –

+0

네가 맞아, 나는 그의 스타일링을 고치고 싶어서 지나쳤다. 질문에 대한 답변을 추가로 수정했습니다. – Flynn

관련 문제