Differences

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

--- googleforms [2015/02/26 15:26] – donghee
+++ googleforms [2018/07/18 14:10] (current) – external edit 127.0.0.1
@@ Line 1: / Line 1: @@
-구글폼 페이지 생성기: http://sneakysheep.com/google-docs-form-tool-version-2/
+참고:
+  * How to style Google Forms http://morning.am/tutorials/how-to-style-google-forms/
+  * 구글폼 페이지 생성기: http://sneakysheep.com/google-docs-form-tool-version-2/
@@ Line 23: / Line 25: @@
 <form action="YOUR-EMBEDDED-GOOGLE-SPREADSHEET-LINK" method="post" target="hidden_iframe" onsubmit="submitted=true;">
 </code>
-로 바꾸기
+로 바꾸기. 구글폼의 기본 타켓을 숨겨진 iframe으로 보내고. 끝날때 보이고 싶은 링크는 http://YOUR-THANK-YOU-PAGE-URL로 정한다.
 . 예제 페이지
@@ Line 125: / Line 127: @@
 </html>
+----
 . jquery validate
+form을 그냥 복사하면 필수 항목의 처리가 안된다. 그래서 jquery.validate.js를 이용하여 필수 항목을 처리를 하자.
 http://morning.am/tutorials/google-forms-and-jquery-validation/
@@ Line 132: / Line 137: @@
 <code>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
-<script src="http://www.morning.am/js/jquery.validate.js" type="text/javascript"></script>
+<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js" type="text/javascript"></script>
 <script type="text/javascript">
@@ Line 154: / Line 159: @@
 </code>
-. required input 필드에 title로 빈공간 에러메시지 적기
+. required input 필드에 title로 validate 에러 메시지 적기
 <code>
@@ Line 160: / Line 165: @@
 </code>
-. error css 메시지
+. error 메시지 css 추가
 <code>
@@ Line 171: / Line 176: @@
 </code>
-. Email 체크
+. Email validate 체크
 <code>