# 입력값 검사하기

### 1️⃣ 입력 생성 및 설정하기

* Input을 선택해 입력을 생성해 주세요.
* 생성된 입력창을 클릭하고 우측 디자인 탭의 Input Type 에서 원하는 입력형태(email, phone 등)를 설정해 주세요
* ![Choose input type of input element](https://static.waveon.io/img/guide/input-validation-input-type.png)
* (옵션) 엘리먼트 트리에서 생성한 입력창 AppInput 을 더블클릭해 알아보기 쉽게 적당히 이름을 설정 합니다.

### 2️⃣ 버튼 생성 및 유효성 검사 설정

* 버튼을 하나 생성하고 선택한후 우측 "로직" 탭으로 이동해 주세요.
* "로직 추가"를 선택해 아래와 같은 로직을 추가해 주세요.

  * "Condition 추가" 버튼을 눌러 추가한 후 "클릭시" 를 선택해 주세요
  * "Condition 추가" 버튼을 눌러 추가한 후 "엘리먼트 데이터 조건" 을 선택해 주세요
    * 두번째 셀렉트에서 이미 생성한 AppInput 을 선택해 주세요
    * 세번째 셀렉트에서 "Valid" 를 선택해 주세요
    * 네번째 셀렉트에서 "is true" 를 선택해 주세요
  * "Result 추가" 버튼을 눌러 "페이지로 이동" 클릭 후 적절한 페이지를 선택해 주세요

  ![Choose input type of input element](https://static.waveon.io/img/guide/input-validation-button-logic.png)
* 이렇게 설정하면 입력값이 유효한 경우(Valid) 에만 페이지로 이동을 하게 됩니다.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.waveon.io/logic/input-validation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.