2011-05-10 16 views
1

양식이 테이블이고 입력 필드가 행과 여러 열에 있습니다. 오류를 생성 한 필드 바로 아래에있는 셀 (동일한 열, 다음 행)에 jquery 유효성 검사 플러그인에 오류 메시지를 배치하려고합니다. 오류가 ID '하나'와 입력에 있었다면jquery 유효성 검사 플러그인이있는 오류 배치

<form id="add_this"> 
<table> 
<tr> 
    <td><input id="one">bla</input></td> 
    <td><input id="two">bla</input></td> 
    <td><input id="three">bla</input></td> 
</tr> 
<tr> 
    <td id="err_one"></td> 
    <td id="err_two"></td> 
    <td id="err_three"></td> 
</tr> 
<tr> 
    <td><button id="frm_submit">Go</button></td> 
</table> 
</form> 

따라서, 예를 들어, 해당 오류 MSG가 ID 'err_one'와 셀에 나타납니다 :

HTML은 그런 일이 될 것입니다. 작동하지 않는 내 유효성 검사 코드는 다음과 같이 진행됩니다

$('#frm_submit').click(function(){ 
    $('#add_this').validate({ 
    errorPlacement: function(error, element){ 
    error.appendTo(element.closest('tr').next('tr').children('td').eq(element.index())); 
    } 
    }); 
}); 
사전에 대단히

감사

답변

2

I (즉, 단순히 의사입니다, 지금 테스트 할 수 없습니다) 같은 것을했을 것 :

$('#frm_submit').click(function(){ 
    $('#add_this').validate({ 
     errorPlacement: function(error, element){ 
      var elId = $(element).attr('id'); //should return one 
      var err = $("#err_" + elId); //strings should concatenate to err_one 
      error.appendTo(err) 
     } 
    }); 
}) 

건배

Grooveek