> 웹 프론트엔드 > JS 튜토리얼 > jquery는 pohytip 사용자 정의 style_jquery를 검증합니다.

jquery는 pohytip 사용자 정의 style_jquery를 검증합니다.

WBOY
풀어 주다: 2016-05-16 17:47:48
원래의
1056명이 탐색했습니다.

최근에 내 프로젝트에 jquery.validate 버블 프롬프트를 만들었습니다.
최신 버전의 jquery.validate에 이 기능이 있는 것 같은데 저에게는 잘 안 맞는 것 같아요.
직접 하나 추가했습니다.
스타일이 좋은 qtip2 플러그인을 찾았지만 로컬에서 표시할 수 없습니다. 그는 또한 jquery.validate의 예를 가지고 있습니다. 그러나 스타일은 여기에 표시되지 않습니다. 그에게 묻는 jquery 버전인 것 같고 그의 jquery를 사용하여 표시할 수 있습니다. 당신은 나를 속일 수 없습니다. 포기하다.
posytip-1.1, 스타일 나쁘지 않아요!
positionX, positionY는 프롬프트가 표시되는 위치입니다.

코드 복사 코드는 다음과 같습니다.

$(document).ready(function ( ) {
// 제출 시 댓글 양식 유효성 검사
var myForm = $('form:first')
myForm.validate({
onkeyup: false,
success: function (element ) {
var elem = $(element);
elem.poshytip('disable');
elem.poshytip('destroy');
},
errorPlacement: function (error , element) {
var elem = $(element);
if (!error.is(':empty')) {
//right: x=right;y=center
/ /왼쪽: x=왼쪽;y=중심
//상단: x=내부-왼쪽
//하단: x=중심;y=하단
var aX = "중심"
if (elem.attr("positionX") != null) {
aX = elem.attr("positionX")
}
var aY = "bottom"
if ( elem.attr ("positionY") != null) {
aY = elem.attr("positionY")
}
elem.filter(':not(.valid)').poshytip( {
content: error,
alignTo: 'target',
alignX: aX,
alignY: aY,
offsetX: 0,
offsetY: 5
});
} else {
elem.poshytip('disable');
elem.poshytip('destroy')
}
}
});


문제가 있습니다 onkeyup은 사실일 수 없습니다. 이 경우 일부 인증 버블이 항상 존재하기 때문입니다. 이것은 비과학적입니다. 누구든지 좋은 아이디어가 있나요?
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿