Donghee

User Tools

Site Tools

Trace:
googleforms

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
googleforms [2015/02/26 15:30] – dongheegoogleforms [2018/07/18 14:10] (current) – external edit 127.0.0.1
Line 1: Line 1:
  
 참고: 참고:
-  - How to style Google Forms http://morning.am/tutorials/how-to-style-google-forms/ +  * How to style Google Forms http://morning.am/tutorials/how-to-style-google-forms/ 
-  - 구글폼 페이지 생성기: http://sneakysheep.com/google-docs-form-tool-version-2/+  * 구글폼 페이지 생성기: http://sneakysheep.com/google-docs-form-tool-version-2/
  
  
Line 25: Line 25:
 <form action="YOUR-EMBEDDED-GOOGLE-SPREADSHEET-LINK" method="post" target="hidden_iframe" onsubmit="submitted=true;"> <form action="YOUR-EMBEDDED-GOOGLE-SPREADSHEET-LINK" method="post" target="hidden_iframe" onsubmit="submitted=true;">
 </code> </code>
-로 바꾸기+로 바꾸기. 구글폼의 기본 타켓을 숨겨진 iframe으로 보내고. 끝날때 보이고 싶은 링크는 http://YOUR-THANK-YOU-PAGE-URL로 정한다.
  
 4. 예제 페이지 4. 예제 페이지
Line 127: Line 127:
 </html> </html>
  
 +----
  
 5. jquery validate  5. jquery validate 
 +
 +form을 그냥 복사하면 필수 항목의 처리가 안된다. 그래서 jquery.validate.js를 이용하여 필수 항목을 처리를 하자.
  
 http://morning.am/tutorials/google-forms-and-jquery-validation/ http://morning.am/tutorials/google-forms-and-jquery-validation/
Line 156: Line 159:
 </code> </code>
  
-8. required input 필드에 title로 빈공간 에러메시지 적기+8. required input 필드에 title로 validate 에러 메시지 적기
  
 <code> <code>
Line 173: Line 176:
 </code> </code>
  
-10. Email 체크+10. Email validate 체크
  
 <code> <code>
googleforms.1424964648.txt.gz · Last modified: 2018/07/18 14:09 (external edit)