여러 폼 유효성 검사

Question

페이지에서 어떤 종류의 단추를 사용하여 유효성을 검사해야하는 폼이 있지만 양식을 복사하여 동일한 classid를 가진 폼이 두 개 이상있을 수 있습니다. 이 문제 없음 다른 기능 등이 연산자가 작동하지 않습니다

$(button.validate).click(function(){ 
    $(this.form).validate();  
}); 

의 validate() 함수를 통해 수행 할 수 없었다, 그래서 나는이 작업을 수행하는 또 다른 방법이 물어? 각 폼에 고유 한 ID를 부여 할 수 없습니다 ... 폼에 단추를 추가하여 폼이 연결되어 있는지 확인합니다.

function validate(targetform){ 


    $(targetform).validate({ 

      errorPlacement: function (error, element) {     
      error.appendTo(element.parent("div").next("div")); 
      }   
     }); 
    } 

HTML을

<button onclick="validate($(this).closest('form'))">validate</button> 

Answer 1

당신은 그런

$(document).ready(function() { 
    $('.myButtonClass').click(function() { 
     var relevantFormID = $(this).closest('form').prop('id'); 
     ValidateForm(relevantFormID); 
    }); 
} 

, 별도의 ValidateForm 기능은 모든 일을 할 수있는 각 버튼의 형태로 얻을 수

:

function ValidateForm(targetFormID) { 
    $targetForm = $('form[id="' + targetFormID + '"]'); 
    //Your target form is now available as a jQuery object, all perks included 
    //validation goes here 
}