몇 가지 문제를 일으키는 양식이 jQuery에 싸여 있습니다.

Question

양식이 jQuery에 싸여 있습니다. 그것은 div의 클릭에 slideToggles. 이 양식은 자체 제출합니다. 따라서 양식 제출시 오류나 확인을 표시하면 jQuery/div 내에 캡슐화됩니다. 페이지 재로드시 jQuery는 양식을 숨김으로써 연락처 양식을 다시 열지 않는 한 사용자가 오류/확인을 볼 수 없도록합니다. 자, 나는 그것에 분명히 불만스러워합니다. 이 문제를 해결할 수있는 방법은 무엇입니까? 아직 AJAX에 많이 뛰어 들지 않았습니다. 이것이 내 유일한 옵션일까요? 그렇다면 기본 코드 또는이를 해결하기위한 좋은 출발점은 무엇입니까? 고맙습니다.

다음은 사용자가 연락처 div를 클릭 한 경우의 jQuery이며, 아래는 단순히 자기 제출 양식임을 나타냅니다.

$(form).submit(function() { 
    $.ajax() // send data here 
    return false; 
}); 

이 양식을 제출하면 다시로드에서 페이지를 방지 할 수 있습니다,하지만 당신은 아약스를 사용하여 데이터를 전송해야합니다

$(document).ready(function() { 
     $('#box').hide(); 
     $('#contact_link_contact').click(function() { 
      $('#box').slideToggle(1500); 
      }); 
     }); 

<form action="" method="post"> 

Answer 1

이보십시오.