jquery - 이유 : 확인란 : 확인 유효성 검사가 작동하지 않습니다.

Question

클라이언트 용 응용 프로그램을 작성 중입니다. 특별한 유효성 검사 코딩이 필요하므로 다른 여러 앱과 마찬가지로 플러그인을 사용할 수 없습니다. 텍스트를 드롭 다운 필드의 유효성을 검사 할 때이 코드를 사용했지만 코드를 추가하여 체크 박스의 유효성을 검사 할 때 파손되었습니다. 이 jquery 코드에서 내가 뭘 잘못 했습니까? 내 jsFiddle : http://jsfiddle.net/justmelat/7N7bw/

전체 jQuery 코드 : >>

$(document).ready(function(){ 
    $("#btnCatchReqFlds").on('click', function(){ 
     $("#holdErrMsg").empty(); 
     var reqButEmpty = $('fieldset:visible').find('input[type="text"][class*="-required"],textarea[class*="-required"],select[class*="-required"]').filter(function() 
      { 
        return $.trim($(this).val()) === ""; 
      }); 
     var chkbx_reqButEmpty = $('fieldset:visible').find('input[type="checkbox"][class*="-required"]').filter(function() 
      { 
        return !$(this).is(':checked') 
      }); 
        var holdAll = reqButEmpty + chkbx_reqButEmpty; 
        if(holdAll.length > 0) 
         { 
          holdAll.each(function() { 
           $('#holdErrMsg').append("Please fill in the " + this.name + "<br />"); 
          }); 
         } 
        return !holdAll.length; 
       }); 
     }); 

는

는 위 내가이 확인란 검증이 추가 될 때까지 일하고 >> 여기

var chkbx_reqButEmpty = $('fieldset:visible').find('input[type="checkbox"][class*="-required"]').filter(function() 
      { 
        return !$(this).is(':checked') 
      }); 
        var holdAll = reqButEmpty + chkbx_reqButEmpty; 

하면입니다 jquery 새로운 제안 -하지만 작동하지 않습니다 >>

$(document).ready(function(){ 
    $("#btnCatchReqFlds").on('click', function(){ 
     $("#holdErrMsg").empty(); 
     var reqButEmpty = $('fieldset:visible').find('input[type="text"][class*="-required"],textarea[class*="-required"],select[class*="-required"]').filter(function() 
      { 
        return $.trim($(this).val()) === ""; 
      }); 
     //var chkbx_reqButEmpty = $('fieldset:visible').find('input[type="checkbox"][class*="-required"]').filter(function() 
     var chkbx_reqButEmpty = $('fieldset:visible').find('input:checked[class*="-required"]').filter(function() 
      { 
        console.log(this); 
        //return !$(this).is(':checked') 
        //return !this.checked; 
        return $(this).is(!':checked'); 
      }); 
        //var holdAll = reqButEmpty + chkbx_reqButEmpty; 
        //var holdAll = reqButEmpty.concat(chkbx_reqButEmpty).length; 
        var holdAll = $.extend(reqButEmpty,chkbx_reqButEmpty); 
        if(holdAll.length > 0) 
         { 
          holdAll.each(function() { 
           $('#holdErrMsg').append("Please fill in the " + this.name + "<br />"); 
          }); 
         } 
        return !holdAll.length; 
       }); 
     }); 

Answer 1

찾기 기능에서 (input:checked)을 사용해 보셨습니까?

$('fieldset:visible').find('input:checked[class*="-required"]').filter(function(){}); 

편집 :

하지이 선해야합니다 return !$(this).is(':checked') 될 return $(this).is(':checked')는

편집 :

if(!$(this)is(':checked') 
    return true/false; 

Answer 2

는 시도

return $(this).is(!':checked') 

Answer 3

var holdAll = reqButEmpty + chkbx_reqButEmpty; 

JQuery와 당신이 유형 [Object][Object]을 얻을 개체를 두를 연결하여 :라인에 문제가 있습니다.

사용하는 대신 코드 :

는

var holdAll = $.extend(reqButEmpty,chkbx_reqButEmpty); 

DEMO :이 http://jsfiddle.net/7N7bw/2/

Answer 4

당신은 시도 할 수 있습니다 :

var chkbx_reqButEmpty = $('fieldset:visible').find('input[type="checkbox"][class*="-required"]').filter(function() { 
     return !this.checked; 
}); 
var holdAll = reqButEmpty.concat(chkbx_reqButEmpty).length;