JavaScript에서 양식의 완성 된 필드 비율을 요구하는 방법

Question

JavaScript를 사용하여 양식의 특정 비율의 필드를 완성해야하는 방법을 찾고 있습니다. 따라서 필드가 6 개인 경우 사용자는 제출할 2/6을 완료해야합니다. 그렇지 않으면 오류가 발생합니다. (이 양식에는 실제로 이와 같은 몇 가지 그룹이 있으므로 비율에 대한 특정 필드를 식별 할 수 있어야합니다.)

EDIT 더 많은 조사가 끝나면 가까이있는 것을 발견하고 클래스의 수를 셀 수 있습니다. 체크 박스의 수가 2보다 크거나 같으면 TRUE를 반환한다고 어떻게 바꾸겠습니까? 내 최종 JQuery와 같이 결국

document.getElementById("test").onclick = function() { 
    isCountCheck("Check something"); 
}; 

function isCountCheck(helperMsg) { 
    var i, len, inputs = document.form1.getElementsByClassName("checkbox"); 
    for (i = 0, len = inputs.length; i < len; i++) { 
     if (inputs[i].type === "checkbox" && inputs[i].checked) return true; 
    } 
    alert(helperMsg); 
    return false; 
} 

UPDATE.

function isCountCheck(){ 
    if($("input[class=crit1]:checked").length >= 4) 
     return false; 
    alert("Check a box"); 
    return true; 
} 

Answer 1

가장 먼저 떠오르는 점은 채워진 필드를 계산하고 채워진 필드의 수가 충분하면 true를 반환하는 함수입니다 (그렇지 않은 경우 false). 그런 다음 양식에 "onsubmit"기능으로 추가하십시오. 제출 버튼을 클릭하면 함수가 실행되고 함수가 반환하는 내용 (true 또는 false)에 따라 양식이 전송되거나 전송되지 않습니다. 대한

더 많은 정보를 원하시면 자바 스크립트 형태로 검증 : http://www.w3schools.com/js/js_form_validation.asp

Answer 2

완료 필드를 줄 것이다 및 numberOfInputs 양식에 입력 필드의 수를 총 것

var numberOfInputsCompleted = 0; 
var allInputs = $(":input"); // returns all input fields on the document 
var numberOfInputs = allInputs.length 
allInputs.each(function() { 
    if($(this).val() != '') { 
    numberOfInputsCompleted = numberOfInputsCompleted + 1; 
    } 

}); 

numberOfInputsCompleted jQuery를

사용. 희망이 도움이