jQuery 유효성 검사 - 하이퍼 링크 버튼 onclick의 테이블 필드 유효성 검사 및 오류 메시지 요약 표시

Question

다양한 테이블이 포함 된 양식이 있습니다. 이러한 테이블은 다음 버튼을 클릭 할 때 표시되거나 숨겨집니다. 따라서 양식이 동일하고 테이블 만 표시되거나 숨겨지는 동안 가상적으로 한 페이지에서 다른 페이지로 이동하는 탐색 기능을 제공합니다. 이제는 다음 버튼 (하이퍼 링크 유형) 클릭시이 테이블의 유효성을 검사하고 매번 유효성 검사 요약을 보여줍니다. 유효성 검사가 전체 양식에 사용될 수 있지만 표 요소의 유효성을 검사 한 다음 요약을 표시해야합니다.

클라이언트 쪽 유효성 검사를 사용하고 있다는 점에 유의하십시오. 요소는 해당 모델을 사용하여 생성됩니다. 또한, 현재 유효성 검사를 수행하지만 끝에 버튼을 제출합니다. 내 테이블의 매우 간단한 샘플

<table id= "table1"> 
    <tr> 
     <td1>First coulmn</td1> 
     <td2>value2</td2> 
     <td3> 
      <a id="Next" onclick= "javascript:function1()">Save</a> 
     </td3> 
    </tr> 
</table> 

Answer 1

<table id= "table1"> 
    <tr> 
     <td1>First coulmn</td1> 
     <td2>value2</td2> 
     <td3> 
      <a id="Next" onclick= "javascript:validAndNext('1')">Save</a> 
     </td3> 
    </tr> 
</table> 
    . 
    . 
    . 
<table id="tableN"> 

function validAndNext(table_id){ 
    var table = $('#table'+table_id); 
    var inputs = table.find("input"); 
    var valid = true; 
    inputs.each(function(){ 
     // A type of validation is: 
     if($(this).val().length<=0) valid = false;     
    }); 
    if(valid){ 
     table.hide(); 
     $('#table'+(table_id+1)).show(); 
    }else alert('Your table is not valid!'); 
}