표시 오류가

Question

나는이 이미지처럼 툴팁에서 JQuery와 오류를 표시 할 속성 : http://www.position-relative.net/creation/formValidator/demos/demoValidators.html http://validity.thatscaptaintoyou.com/

하지만 그들은 asp.net의 MVC 3.0 검증 속성 함께 작동하도록 설계되지 않았습니다. 그 일을 할 비슷한 플러그인이 있습니까? 또는 내가 툴팁에 오류를 표시하기 위해 할 수있는 다른 것?

Answer 1

우리는 Jquery 유효성 검사 플러그인을 사용하여 이와 비슷한 작업을 수행했습니다. 이를 위해 처음에는 팝업 div를 만들어야합니다.

자바 스크립트 FN

$("#formID").validate({ 
     submitHandler: function (form) { 
      CallFunction(); 
     }, 

     highlight: function (element, errorClass) { 
      HidePopup(element); 
      ShowPopup(element); 
     }, 

     unhighlight: function (element, errorClass) { 
      HidePopup(element); 
     }, 

     errorElement: "span", 

     errorPlacement: function (error, element) { 
      error.appendTo(element.prev("label")); 
     }, 

     rules: { 
      txtName:"required" 
     } 
}); 

function ShowPopup(paramElement) 
{ 
    //function to show popup and position div accordingly 
    $('#div'+paramElement.Id).show(); 
} 

function HidePopup(paramElement) 
{ 
    //function to hide popup 
    $('#div'+paramElement.Id).hide(); 
} 



**Html** 


<form id="formID" action=""> 

    <input name="txtName" type="text" id="txtName" /> 
    <div id="divtxtName" >Please enter name</div> 

</form>