INPUT

HOMEWORKS Form 입력 창 컴포넌트.

Summary

INPUT은 사용자 경험을 한층 상승시켜 주기 위한 입력 창 컴포넌트 입니다.

INPUT 컴포넌트는 벨리데이션과 관련된 옵션을 제공합니다.

STYLE > INPUT과 연관되어 사용 할 수 있습니다.

Usage

• HTML

  <input type="text" class="input input-primary" />
  

• JAVASCRIPT

  $('.input').input();
  

• VIEW HOOK

  <!--
  ================================================================
  VIEW HOOK은 HOMEWORKS에서 제공하는 HTML 속성 확장을 이용하기 때문에,
  JAVASCRIPT를 생략할 수 있습니다.
  ================================================================
  -->
  <input type="text" class="input input-primary" data-input="true" />
  

Functions

Input

• Type: Function
• Description: Input을 초기화하는 함수.

• Arguments:

  • element: Element
  • options: Object (optional)

• Options:

  • validation: Object

    • disable: boolean

      • validation을 사용하지 않는 경우 false를 지정.

Input.method.validation

• Type: Method
• Description: INPUT 컴포넌트에 벨리데이션 결과를 반영.

• Arguments:

  • element: Element
  • type: ValidationStatus [success, error, clear]

• Example:

    // INPUT에 validation 결과를 success로 전환합니다.
    var $input = $('.input').input();
    $input.validation('success');
  

View Hook

INPUT 컴포넌트는 View Hook을 제공합니다.

View Hook이 걸려있는 입력 창에 INPUT을 자동적으로 바인딩합니다.

Attribute - input

• Value: any
• Description: null, undefined외 값을 지정 권장.

Example

• HTML

  <input type="text" class="input input-primary"
    data-input="true"
  />