2012-01-08 5 views
-4

jQuery 유효성 검사 플러그인에 문제가 있습니다.jQuery with validation plugin

$(document).ready(function() { 
$('input:submit').button(); 

     $('form').validate({ 
     rules: { 
       name: 'required', 
      email: { 
       required: 'true', 
       email: 'true' 
      }, 
      subject: 'required', 
      message: 'required' 
     }, 
     messages: { 
      name: '<img src="images/icons/bullet_delete.png" />', 
      email: '<img src="images/icons/bullet_delete.png" />', 
      subject: '<img src="images/icons/bullet_delete.png" />', 
      message: '' 
     } 
    }); 
}); 

제출 버튼을 누르면 이름과 제목 오류가 표시되지만 이메일 필드가 포커스를 잃을 때 이메일 오류가 흐림으로 표시됩니다. 제출 버튼을 누른 후에 모든 오류가 표시되도록 변경해야하는 항목은 무엇입니까? 문서에서

+0

내가, 그것을 모두 않는 생각은 체크에 onblur을 수행하고 제출하면, 당신은 그냥 추가 참조 해달라고 때문에 이미있는 잘못된 이메일에 넣어 일단 추가 무언가가 무효 인 경우 즉시 통보해야하므로 원하는 것을 선택할 수 있습니다. –

+1

또 하나 더 - 당신은 0 %의 금리입니다 - 귀하의 질문에 대한 답변을 표시하십시오 – BartekR

답변

1

: http://docs.jquery.com/Plugins/Validation/validate#options

이 방법은 제출 초점의 keyup, 흐리게하고 전체 양식 또는 개별 요소의 유효성 검사를 트리거 할 수 클릭에 대한 이벤트 핸들러를 설정합니다. 각 항목을 비활성화 할 수 있습니다. onxxx 옵션 (onsubmit, onfocusout, onkeyup, onclick)을 참조하십시오.

시도 :

$(document).ready(function() { 
    $('input:submit').button(); 

    $('form').validate({ 
     onsubmit : true, 
     onfocusout : false, 
     onkeyup : false, 
     onclick : false, 

     rules: { 
      name: 'required', 
      email: { 
       required: 'true', 
       email: 'true' 
      }, 
      subject: 'required', 
      message: 'required' 
     }, 
     messages: { 
      name: '<img src="images/icons/bullet_delete.png" />', 
      email: '<img src="images/icons/bullet_delete.png" />', 
      subject: '<img src="images/icons/bullet_delete.png" />', 
      message: '' 
     } 
    }); 
});