jquery 문제 .submit() 및 변수

Question

나는 무엇을 해야할지 잘 모르겠다. 여기

당신은 자바 스크립트 내가 거짓 기본입니다 var에 오류가 알 수 http://jsfiddle.net/ProjectV1/LVPtN/

그것의 바이올린입니다.

오류가 있으면 true입니다.

양식의 각 입력 옆에 오류 값이 표시되었습니다.

변수 오류가 거짓이면 폼을 제출해야하며 false이면 안됩니다.

오류가 발생하면 문제가 발생하고 양식이 제출되지 않고 수정됩니다.

바이올린을보세요. 이 양식은 테스트를 위해 Google에 전달됩니다.

Answer 1

제가 생각하기에 문제는 흐림에 호출 될 함수 안에있는 error입니다. 함수 호출이 완료되면 정의되지 않은 상태가됩니다. 거래는 변수가 전역 적이어야한다는 것입니다. 당신이이 일을해야 $(document).ready() 이상이를 넣어해야합니다

var error = false; 

$('#joinForm input').blur(function() { 
    var id = $(this).attr('id'); 
    var val = $(this).val(); 
    if (id == 'email') { 
     $('#emailMsg').hide(); 
     if (val == '') { 
      error = true; 
      $('#' + id).after('<div id="emailMsg" class="error">' + error + '</div>'); 
     } 
     else { 
      $('#' + id).after('<div id="emailMsg" class="success">' + error + '</div>'); 
     } 
    } 
    if (id == 'cemail') { 
     $('#cemailMsg').hide(); 
    } 
    if (id == 'password') { 
     $('#passwordMsg').hide(); 
     if (val == '') { 
      error = true; 
      $('#' + id).after('<div id="passwordMsg" class="error">' + error + '</div>'); 
     } 
     else { 
      $('#' + id).after('<div id="passwordMsg" class="success">' + error + '</div>'); 
     } 
    } 
    if (id == 'cpassword') { 
     $('#cpasswordMsg').hide(); 
    } 
    if (id == 'username') { 
     $('#usernameMsg').hide(); 
     if (val == '') { 
      error = true; 
      $('#' + id).after('<div id="usernameMsg" class="error">' + error + '</div>'); 
     } 
     else { 
      $('#' + id).after('<div id="usernameMsg" class="success">' + error + '</div>'); 
     } 
    } 
    $('#joinForm').submit(function(){ 
     if (error == true) { 
      return false; 
     } 
     else { 
      return true; 
     } 
    }); 
});