inflearn logo
강의

Course

Instructor

Axure RP 9, 10 - The optimal prototyping tool for service planners

텍스트필드 조건에 따른 버튼 비활성화/활성화

517

Fairlynn

2 asked

0

안녕하세요.
Axure에 대해 친절한 설명에 항상 감사한 마음으로 영상 잘 보고 있습니다.

궁금한 점이 있어서 질문드립니다.

 위 요건에 맞춰 함수를 사용하고 싶은데... 텍스트필드 인터렉션을 아무리봐도 보이지가 않습니다 ㅠㅠ
혹시 알려주실 수 있나요?.. ㅠㅠ

 

활성화에 대한 텍스트필드가 1개일 때에는 아래와 같이 하였는데

ID,PW 2가지 조건에서는 해답을 찾지 못하고 있습니다 ㅠㅠ

프로토타이핑 axure 텍스트필드 활성화 disable

Answer 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다.

Axure로 로그인 화면을 설계할 때, ID와 PW 필드에 모두 텍스트가 있을 경우 버튼을 활성화하는 조건을 설정하는 것은 일반적으로 인터랙션 기능을 사용합니다. 제공해주신 이미지 설명을 참고할 때, 각 텍스트 필드(Text Field)에 ‘Text Changed’ 이벤트가 있을 것이며, 이 이벤트를 통해 입력된 텍스트의 길이(length)나 내용을 체크할 수 있습니다.

ID와 PW 두 필드 모두에 텍스트 입력이 있는지 확인하려면, 각 필드에 ‘Text Changed’ 인터랙션을 추가하고, 두 인터랙션 조건이 모두 true일 때 로그인 버튼을 활성화시켜야 합니다. 이를 위해서는 다음과 같은 논리를 사용할 수 있습니다:

  1. ‘Text Changed’ 이벤트를 ID 필드에 추가하면,

    • 조건: If length of value of ID > 0 AND length of value of PW > 0
    • 액션: Enable [로그인버튼]
    • 그렇지 않은 경우 (Else): Disable [로그인버튼]
  2. PW 필드에 동일한 ‘Text Changed’ 이벤트를 추가합니다.

이러한 설정은 두 텍스트 필드 중 하나라도 내용이 없을 경우 로그인 버튼을 비활성화하고, 두 필드 모두에 내용이 입력되었을 때만 로그인 버튼을 활성화하는데 필요한 조건을 구성합니다. Axure의 인터렉션 기능과 로직을 통해 구현할 수 있습니다.

이미지를 통해 보여주신 설정은 단일 필드 조건에 대한 것으로 보이며, 두 필드를 모두 체크하는 조건을 추가로 설정해야 합니다. 제가 설명한 방법대로 조건을 설정해보시고, 여전히 도움이 필요하시면 추가적인 문의를 해주시길 바랍니다.

0

Fairlynn

음.. 혹시 위 조건이 들어간 이미지 캡쳐가 가능할까요?..

변경사항 표기 방법이 궁금합니다.

0

103

1

자동완성목록

0

140

1

date 위젯 날짜 표현형식 변경

0

162

2

수정된 부분만 하이라이트 표시 가능할까요?

0

343

1

Pin to browser 하게 되면 인터렉션이 작동 하지 않는 것 같습니다.

0

121

1

Classic menu-horizontal 경계선 없애는 법

0

164

2

Admin 레이아웃 구성 할 때 LNB가 한 뎁스 더 있으면 어떤 위젯을 써야하나요?

0

221

2

프리뷰 시 화면 여백 만들기 어떻게 하나요?

0

215

1

(RP11) Forms에 있는 위젯들 크기 변경이 되질 않아요

0

144

2

connect 연결 시 에러

0

183

2

노트에 폰트 기본값 설정 방법이 있나요?

0

284

3

질문

0

155

1

커스텀 위젯 추가 방법

0

356

2

프리뷰 화면에서 텍스트 선택 및 복사

0

254

1

강의 자료 pdf 오류

0

336

1

다른 페이지를 팝업으로 띄울 때 위치 지정 방법

0

663

1

앱 내 스크롤 구현

1

309

1

텍스트 찾기 및 바꾸기

0

367

1

해당 이미지 show 한 뒤, 배경 클릭하면 hide 되도록 하고싶어요

0

380

2

다이나믹 패널 action 문의

0

466

1

다이나믹 패널 사용하지 않고 Text Action 주기

0

467

1

axure10 항목 추가할 때 질문입니다!

0

633

2

Share 할때 노트를 펼친상태로 보여줄수 있는 방법이 있을까요?

0

439

2

리피터 내 체크박스 추가해 체크박스 선택 후 삭제 버튼 누를 시 해당 row 데이터 삭제 기능

0

799

1