본문 바로가기
윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)

윅스 (Wix) 코딩 - 성공 및 오류 메시지를 양식에 추가하기 (Wix Code: How to Add Success and Error Messages to Your Form)

by 라임쥬서(Lime Juicer) 2020. 5. 5.
반응형

윅스 (Wix) 코딩 - 성공 및 오류 메시지를 양식에 추가하기 (Wix Code: How to Add Success and Error Messages to Your Form)

 

 

 

설명)

 

사용자 입력 요소를 사용하여 입력 양식을 만들면 사용자가 컬렉션에 데이터를 제출하려고할 때만 표시되는 사용자 지정 메시지를 추가할 수 있습니다.

 

제출 메시지는 사용자가 데이터를 제출할 때까지 페이지에 숨겨진 텍스트 요소입니다. 사용자가 양식을 제출하려고하면 해당 텍스트 요소가 사용자 정의 메시지와 함께 표시됩니다.

 

제출이 성공한 경우와 실패한 경우 각각 별도의 메시지를 추가할 수 있습니다. 제출 버튼에서 제출 메시지를 작성할 수 있습니다. 제출 옵션이 없는 요소에서 코드를 사용하여 제출 메시지를 트리거할 수도 있습니다.

 

노트 :

연결된 데이터세트가 쓰기 전용 또는 읽기 및 쓰기로 설정된 경우에만 양식 제출 메시지를 추가할 수 있습니다.

 

 

 

제출 버튼에서 양식 제출 메시지를 추가하기 (To add form submit messages from a Submit button) :

1. 양식에 대한 제출 버튼을 선택한 후 

 데이터 연결 아이콘을 클릭합니다. 링크를 추가할 수 있는 모든 요소에 대해 이 작업을 수행할 수도 있습니다. 버튼 연결 패널에는 버튼이 연결 대상 아래의 전송 작업으로 설정된 경우에만 표시되는 메시지 제출 섹션이 있습니다.

 

 

 

 

2. 메시지 제출 섹션에서 성공 메시지 추가 또는 실패 메시지 추가를 선택합니다.

3. 텍스트 요소가 선택 항목의 기본 메시지와 함께 페이지에 추가됩니다. 기본 텍스트를 유지하거나 텍스트 요소의 텍스트를 편집하여 메시지를 사용자 정의할 수 있습니다. 일반 스타일 지정 옵션을 사용하여 텍스트 요소를 수정할 수도 있습니다.

4. 텍스트 요소를 페이지에 표시할 위치에 놓습니다.

5. 필요한 경우 위의 단계를 반복하여 두 메시지를 모두 만듭니다.

 

 

팁 :

- 성공과 실패 메시지가 함께 나타나지 않기 때문에 메시지 요소가 페이지 공간의 다른 요소와 완전히 겹치도록 한 텍스트 요소를 배치하여 메시지 공간을 적게 차지할 수 있습니다. 사용자가 데이터 제출을 시도할 때 관련 메시지만 표시됩니다.

- 성공 메시지 추가 또는 실패 메시지 추가를 선택할 때마다 새 텍스트 요소가 페이지에 제출 메시지로 추가됩니다. 이러한 요소는 페이지의 다른 부분에 배치할 수 있습니다. 매우 긴 양식이 있고 양식에 있는 위치에 관계없이 사용자가 메시지를 볼 수 있도록 하려는 경우 유용할 수 있습니다.

 

 

 

 

 

연관된 토픽)

윅스 (Wix) 코딩 - 사용자 입력 요소 (Working with User Input Elements)

윅스 (Wix) 코딩 예제 - 양식 제출시 전자 메일 보내기 (Wix Code Tutorial: Sending an Email on Form Submission)

윅스 (Wix) 코딩 - 코드로 사용자 입력 유효성 검사하기 (Wix Code: About Validating User Input with Code)

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

https://support.wix.com/en/article/adding-success-and-error-messages-to-your-form

 

반응형

댓글