최근에 내 프로젝트에 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은 사실일 수 없습니다. 이 경우 일부 인증 버블이 항상 존재하기 때문입니다. 이것은 비과학적입니다. 누구든지 좋은 아이디어가 있나요?