2011-03-16 5 views
3

양식을 확인하고 jQuery 유효성 검사를 사용하며 qTip을 사용하여 오류 메시지를 표시하려고합니다. 하지만 오류 메시지 onMouse 오버, 지금은 내가 오류 메시지가 다음에 텍스트 필드를 오는 양식을 제출할 때 표시 싶습니다.qTip onmouseover 표시

텍스트 필드에 마우스를 올리면 오류 메시지가 어떻게 표시됩니까?

데모 - http://jsfiddle.net/UcaZT/

RVI.

답변

4

qtip 툴팁을 보여주는 코드는 다음과 같습니다

// Apply the tooltip only if it isn't valid 
$(element).filter(':not(.valid)').qtip({ 
    overwrite: false, 
    content: error, 
    position: position, 
    show: { 
     event: false, 
     ready: true 
    }, 
    hide: false, 
    style: { 
     classes: 'ui-tooltip-red' // Make it red... the classic error colour! 
    } 
}); 

show: { 
    event: false, 
    ready: true 
}, 

즉시 도구 설명을 열 qTip을 알려줍니다.

show: { 
     event: 'mouseover' 
    }, 
    hide: { 
     event: 'mouseout' 
    }, 

Here는 챔피언처럼 작동, 업데이트 jsFiddle

+0

감사 Simen입니다 :

당신이 뭔가를 할 수 있습니다. 이것은 정확히 내가 원하는 것입니다 .. – Ravi

+0

@Simen 유효성을 확인한 후 다음 스크립트를 사용하여 양식에 # 오류 메시지를 표시하려고합니다. 스크립트에서 뭐가 잘못 됐는지 확신 할 수 없습니다. 살펴볼 수 있습니까? http://jsfiddle.net/UcaZT/2/ – Ravi

+1

유효성 검사를 두 번 초기화합니다 ('$ ("# myForm"). validate (...'). 동일한 초기화의 옵션.'invalidate '옵션을'validate'에 대한 첫 번째 호출 안에 넣으십시오 : http://jsfiddle.net/UcaZT/3/ –