jQuery 유효성 검사가 유효성 검사 후 홈페이지로 리디렉션됩니다.

javascript를 사용하여 div를 슬라이드하는 Jquery Validation Plugin (http://jqueryvalidation.org/documentation/)을 내 웹 사이트에 구현했습니다. 플러그인이 제대로 작동하고 양식의 유효성을 검사하지만 감사합니다 div로 리디렉션 한 후 홈페이지로 리디렉션되며 이유를 알 수 없습니다. 여기 웹 사이트 : http://webdevkit.org/admin/SlowFire/index.php#을 볼 수 있으며 about 섹션의 연락처 양식을 찾을 수 있습니다.jQuery 유효성 검사가 유효성 검사 후 홈페이지로 리디렉션됩니다.

는

검증 기능을 보유하고 코드는 다음과 같습니다과 양식 유효성 검사는 무사 구현되었습니다 : 그것은 검증 한 후 다시 사이트의 루트로 리디렉션 이유를 모르겠어요

function animate() { 
var currentPageI = -1; 
var pages = [ 
    $('div.dhome'), 
    $('div.dabout'), 
    $('div.dcontact'), 
    $('div.dportraits'), 
    $('div.dpregnancy'), 
    $('div.dbabies-newborn'), 
    $('div.dbabies-3-6'), 
    $('div.dbabies-6-24'), 
    $('div.dkids'), 
    $('div.dfamily'), 
    $('div.dall-about-me'), 
    $('div.dcouples'), 
    $('div.dpets'), 
    $('div.dthe-experience'), 
    $('div.dfinishing-touches'), 
    $('div.dthank-you'), 
]; 
var viewsWidth = 1300; 
var showPage = function(index){ 
    if(index === currentPageI){return;} 
    var currentPage = pages[currentPageI]; 
    if(currentPage){ 
     currentPage.stop().animate({left: -viewsWidth}) 
    } 
    var nextPage = pages[index]; 
    nextPage 
     .stop() 
     .css({left: viewsWidth + Math.max(0,(($(window).width() - 980)/2))}) 
     .animate({left: Math.max(0,(($(window).width() - 980)/2))}) 
    currentPageI = index; 
}; 
var center = function(index){ 
    if(index === currentPageI){return;} 
    var currPage = pages[currentPageI]; 
    if(currPage){ 
    currPage 
     .stop() 
     .css({left: viewsWidth + Math.max(0,(($(window).width() - 980)/2))}) 
     .animate({left: Math.max(0,(($(window).width() - 980)/2))}) 
    } 
    var nextPage2 = pages[index]; 
    nextPage2 
     .stop() 
     .css({left: viewsWidth + Math.max(0,(($(window).width() - 980)/2))}) 
     .animate({left: Math.max(0,(($(window).width() - 980)/2))}) 
    currentPageI = index; 
}; 

// show default page 
showPage(0); 
$('a.dhome').click(showPage.bind(null, 0)); 
$('a.dabout').click(showPage.bind(null, 1)); 
$('a.dcontact').click(showPage.bind(null, 2)); 
$('a.dportraits').click(showPage.bind(null, 3)); 
$('a.dpregnancy').click(showPage.bind(null, 4)); 
$('a.dbabies-newborn').click(showPage.bind(null, 5)); 
$('a.dbabies-3-6').click(showPage.bind(null, 6)); 
$('a.dbabies-6-24').click(showPage.bind(null, 7)); 
$('a.dkids').click(showPage.bind(null, 8)); 
$('a.dfamily').click(showPage.bind(null, 9)); 
$('a.dall-about-me').click(showPage.bind(null, 10)); 
$('a.dcouples').click(showPage.bind(null, 11)); 
$('a.dpets').click(showPage.bind(null, 12)); 
$('a.dthe-experience').click(showPage.bind(null, 13)); 
$('a.dfinishing-touches').click(showPage.bind(null, 14)); 
$("#contactform").validate({ 
submitHandler: function(form) { 
showPage(15); 
form.submit(); 
} 
});

감사합니다.

출처

2014-09-19 Andra Vilcu

event.preventDefault()의 문제 해결.

$("#contactform").validate({ 
submitHandler: function(form) { 
showPage(15); 
event.preventDefault(); 
$form.submit();

}

출처

2014-09-20 10:35:48

jQuery 유효성 검사가 유효성 검사 후 홈페이지로 리디렉션됩니다.

답변

관련 문제