다음을 클릭하기 전에 선택된 클래스의 유효성을 검사하십시오.

Question

Warpspeeds 양식에서 Wizard 플러그인으로 업데이트 된 버전의 Janko를 사용하고 있습니다. http://www.ifadey.com/2012/06/form-to-wizard-jquery-plugin/

유효성 검사를 위해 양식을 얻으려고하므로 모든 이미지를 선택하면 다음을 클릭 할 수 있습니다. 내가 현재 작업 코드는 그들이 선택한 모든 작동하지 않습니다 때 팝업 알림을 제공하지만, 다음 버튼이 작동하지 않습니다 유효성 검사를 할 때.

나는 validaBeforeNext를 사용하고 있습니다.

작업 JSfiddle는 어떤 도움을 주시면 감사하겠습니다 여기 http://jsfiddle.net/4Hkxy/3/

입니다.

jQuery(function($){ 
      var $signupForm = $('#multipage'); 
$signupForm.formToWizard({ 
       submitButton: 'SaveAccount', 
       showProgress: true, //default value for showProgress is also true 
       nextBtnName: 'Next', 
       prevBtnName: 'Previous', 
       showStepNo: false, 
       validateBeforeNext: function() { 
        var selectedCount = $('.thumbnails.image_picker_selector:visible .selected').length; 
     var totalCount = $('.thumbnails.image_picker_selector:visible').length; 
    if(selectedCount != totalCount) { 
     alert('please select an image per selection'); 
    } 
       } 
      }); 
}); 

Answer 1

귀하의 validateBeforeNext 기능은 true 또는

if (selectedCount != totalCount) { 
    alert('please select an image per selection'); 
    return false; 
} 
return true; 

false는 그 다음 다음 단계로 이동합니다 반환해야합니다.