나는 정말로 여기에서 붙어 다니고있다. 나는 여기에서 게시하고있다. 나는 약간의 사람이 나를 도울 것이기를 바란다. 나는 내 데이터를 입력하는 html 양식을 가지고 있으며, 제출하기 전에 html 양식에서 내 데이터를 볼 필요가있다. 만약 변경이 필요하다면 거기서 그것을 변경하고 제출한다. 데이터를 입력 할 수 있으며 제출하지 않고 데이터를 어떻게 표시합니까?제출하기 전에 html 양식의 데이터보기
답변
은 기본적으로 두 가지 옵션을 게시하기 전에 양식 데이터를 미리 보려면 : 첫 번째는 동적으로 새 창을 열고 당신이 원하는대로 데이터 포맷 표시하는 자바 스크립트를 사용하여 미리 그것을이며, 두 번째는 게시하는 것입니다 귀하의 데이터를 귀하의 서버에 보내고 귀하가 게시했지만 아직 귀하의 데이터베이스에 통합되지 않은 데이터가 포함 된 새로운 페이지을 반환하십시오. 이것은 일종의 확인 페이지이며, 제출 여부를 수락하거나 거부하는 확인 버튼이 있어야하며, 데이터베이스에 데이터 통합.
두 번째 옵션은 확인 (미리보기)을 위해 서버 측에서 웹 서버 언어의 모든 기능을 갖춘 새 페이지를 만들어야합니다.
다른 방법으로 jQuery를 사용하여 양식에 입력 된대로 양식 옆에 형식화 된 입력의 미리보기를 표시 할 수도 있습니다. 매우 stackoverflow에 여기처럼. 이 유형의 작업에는 이미 작성된 실제 플러그인이 있습니다. –
@ Cyber-Guard Design : 예 또는 ExtJS와 같은 RIA 개발 용 JavaScript 프레임 워크. http://www.sencha.com/products/js/. – ArBR
일반적으로 미리보기 버튼과 저장 (또는 게시) 버튼이 있습니다.
미리보기 버튼은 서버 측 스크립트 (마크 업 언어 해석 또는 HTML 또는 기타 자료 필터링)로 처리되어 HTML로 변환 된 데이터를 제출 한 다음 원시 데이터가있는 텍스트 필드와 함께 사용자에게 다시 전송됩니다.
그런 다음 저장/게시 버튼이 동일하게 수행되지만 데이터를 데이터베이스에 저장하고 마찬가지로 텍스트 필드없이 HTML을 출력합니다.
꽤 일반적인 질문에 대한 일반적인 대답은 ...
이 미리보기는 데이터 미리보기 페이지와 어떻게 다른지 알 수 있습니다. 내 말은, 사용자가 이름, 주소 및 좋아하는 색을 입력해야한다면, 데이터를 입력 할 때 화면에 데이터가 표시 될 수 있습니다. 미리보기는 무엇을할까요? 색상이 승인 된 색상 목록이나 그와 같은 색상이어야하는 것과 같은 일종의 유효성 검사에 대해 말하면 두 가지 기본 선택 사항이 있습니다. 서버로 보내기 전에 JavaScript를 사용하여 유효성을 검사하거나 보낼 수 있습니다. 서버 및 그것을 검증하자. 클라이언트 측 유효성 검사를 수행하는 경우 보안 또는 해킹 문제가있는 경우 서버에서 유효성을 검사해야합니다. 서버로 보낸 데이터 스트림이 실제로 사용자에게 보낸 페이지에서 온다고 보장 할 수는 없습니다. 사용자는 자신의 페이지를 만들어 서버에 데이터를 보낼 수 있습니다.
내가 생각할 수있는 유일한 다른 점은 스택 오버플로와 같은 형식 미리보기입니다. 여기서는 입력 내용에 형식을 제어하는 코드가 포함될 수 있습니다. 이 경우 Javascript를 사용하여 즉각적인 피드백을주고 싶을 수도 있습니다. 여기에서도 마찬가지입니다.
두 개의 버튼을 하나의 미리보기와 하나의 제출로 만들 수 있습니다. 미리보기를 통해 다른 페이지의 양식 값을 전송하고 원하는 형식으로 표시 할 수 있습니다.
제출 버튼은 제출 계획 등을 수행합니다. 도움이 되길 바랍니다
- 1. HTML : 제출하기 바로 전에 페이지 미리보기
- 2. 양식을 제출하기 전에 양식의 매개 변수에서 빈 값을 삭제하십시오.
- 3. jquery는 양식을 제출하기 전에 대화 상자에서 양식의 유효성을 검사합니다.
- 4. 양식을 제출하기 전에 입력 재정렬
- 5. mysql에 제출하기 전에 양식을 확인하십시오.
- 6. 양식을 제출하기 전에 어떻게해야합니까? 예를 들어
- 7. ASP.NET MVC의 CKEditor에서 HTML 제출하기
- 8. 양식을 제출하기 전에 양식 요소를 HTML로 확인하려면 어떻게합니까?
- 9. ASP.NET : 제출하기 전에 HiddenField 값을 수정하는 JavaScript
- 10. 앱 스토어에 제출하기 전에 내 앱에 서명해야하나요?
- 11. AppStore에 제출하기 전에 앱을 테스트 하시겠습니까?
- 12. 양식을 제출하기 전에 확인 페이지 표시
- 13. jQuery : 유효성 검사가 제출하기 전에 작동하지 않습니다.
- 14. 제출하기 전에 JSP 페이지에서 양식 매개 변수 사용
- 15. HTML 양식의 HTML 페이지 오버레이
- 16. 양식을 제출하기 전에 $ .get() 호출을 기다릴 수 있습니까?
- 17. 제출하기 전에 javascript/jQuery를 사용하여 양식에서 게시 매개 변수를 추출
- 18. jquery를 통해 양식을 제출하기 전에 오류 메시지를 표시하는 값이 존재합니다.
- 19. 보기 데이터보기
- 20. IE에서 Jquery 양식을 제출하는 것이 유효하지 않습니다. 제출하기 전에
- 21. HTML 양식의 언어 감지 방법
- 22. HTML : 다른 양식의 업로드 양식
- 23. HTML 양식의 사전 설정 값
- 24. html 양식의 여러 필드 차별화
- 25. HTML 양식의 일반 작업 페이지
- 26. 제출하기 전에 텍스트 영역에 문자가 있는지 확인하고 공백을 무시하십시오.
- 27. 제출하기 전에 양식을 확인하십시오 (빈 필드를 확인하는 것보다 복잡합니다).
- 28. 양식을 MVC3 작업에 제출하기 전에 입력 요소 값을 조건부로 재설정
- 29. Linq to SQL : 데이터베이스에 제출하기 전에 Ammend 명령
- 30. Apple에 제출하기 전에 .app 파일의 이름을 충분히 변경하고 있습니까?
"내 데이터를 볼 필요가 있습니다"라고 말하면 입력 데이터의 유효성을 검사하려고합니까? 아니면 WYSIWYG 입력에 대해 이야기하고 있습니까? – kjy112
데이터를 미리보기 페이지에 게시하거나 Javascript를 사용하여 양식의 미리보기 컨테이너를 여는 등 다양한 방법으로 데이터를 미리 볼 수 있습니다. 그것이 행동하기를 바란다. – Tom