Jquery 라이트 박스 프레임 워크

Question

새 사이트를 만들고 있는데 아약스 라이트 박스에 추가/수정을하고 싶습니다. JQuery를 사용하고 있습니다. 라이트 박스는 일부 경우 페이지 유효성 검사에 포함되어야하며 제출 또는 페이지 새로 고침없이 서버의 오류를 표시해야하며 라이트 박스는 유사한 템플릿 (제목, 입력란 및 제출 버튼)을 갖지만 요건 및 입력란은 다른. 또 다른 요구 사항은 라이트 박스를로드하는 동안과 아약스를 수행하는 동안로드 아이콘을 표시하는 것입니다.

내 질문에 이미 해결책이 있습니까? 어떻게 설계 하시겠습니까? JQuery 플러그인을 사용하여 Form 객체와 Inputs 객체 배열을로드하고 Mustache를 사용하여 템플릿을 작성하기 시작했습니다. 그러나이 작업은 복잡해 보입니다.

다른 사이트에서이 문제를 어떻게 처리합니까?

Answer 1

서버에서 JSON을 가져 와서 양식 제출시 JSON을 서버로 보내서 처리합니다. 또는 양식에 jQuery.serialize과 같은 다른 형식으로 입력하십시오.

서버에서받은 JSON을 기반으로 라이트 박스에 양식을 렌더링합니다. 사용 클릭을 제출하면 JSON 형식의 양식 데이터를 서버로 보내고 서버에서 오류 (성공)를 반환하게합니다.

또는 JavaScript 측에서 유효성 검사를 미러링하고 JavaScript 측 유효성 검사를 통과 한 후에 만 ​​팝업을 닫을 수 있습니다.

나는 이것을 매우 복잡한 방식으로 생각하지 않습니다. 플러그인과 다른 프레임 워크를 가져올 수는 있습니다.