Điện thoại nhập khẩu)

Nhấn vào đây để sao chép

Cho phép nhập và xác thực số điện thoại.


Cài đặt Giao diện

Label (không bắt buộc) được sử dụng để hiển thị nhãn của thành phần.

Placeholder (không bắt buộc) được sử dụng để hiển thị trình giữ chỗ của thành phần.

Name (bắt buộc) - tên của thành phần.

Tooltip công cụ (không bắt buộc) - chuỗi chú giải công cụ.

Mask (không bắt buộc) - mặt nạ điện thoại sẽ được sử dụng.

Required (bắt buộc) - đánh dấu nếu giá trị được yêu cầu hay không. Được đặt thành false theo mặc định.

Allow clear (bắt buộc) - cho phép xóa khi chọn. Được đặt thành false theo mặc định.

Validate Icon (bắt buộc) - hiển thị biểu tượng xác thực nếu được bật. Được đặt thành false theo mặc định.

Disabled tắt (bắt buộc) - làm cho thành phần bị tắt nếu được bật. Được tắt theo mặc định.

Visible (bắt buộc) - hiển thị thành phần nếu được bật. Được bật theo mặc định.


Trình kích hoạt quy trình làm việc

  • onChange - kích hoạt khi tùy chọn thả xuống được thay đổi.
  • onFocus - kích hoạt khi thành phần đang được tập trung vào.
  • onBlur - kích hoạt khi thành phần bị mờ.
  • onCreate - kích hoạt khi thành phần được tạo.
  • onShow - kích hoạt khi thành phần được hiển thị.
  • onHide - kích hoạt khi thành phần bị ẩn.
  • onDestroy - kích hoạt khi thành phần được hiển thị.
  • onEnterKey - kích hoạt khi nhấn phím Enter.

Hành động thành phần

InputPhone Get Properties

Nhận các thuộc tính của thành phần.

Thông số đầu vào :

  • Component Id [chuỗi] - định danh của thành phần;

Thông số đầu ra :

  • Label [string] - nhãn của thành phần;
  • Placeholder [string] - trình giữ chỗ của thành phần;
  • Allow Clear [boolean] - cho phép xóa lựa chọn nếu đúng;
  • Disable [boolean] - tắt thành phần nếu đúng;
  • Tooltip [string] - chuỗi chú giải công cụ;
  • Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
  • Debounce (ms ) [integer] - trì hoãn để xác thực giá trị;
  • Value [phone number] - giá trị đầu vào có định dạng điện thoại;
  • Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
  • Validate Status [Status type] - trạng thái được hiển thị khi xác thực giá trị;
  • Validate Message [string] - thông báo được hiển thị khi xác thực giá trị;

Input Phone Get Properties

InputPhone Set Properties

Đặt thuộc tính của thành phần.

Thông số đầu vào :

  • Component Id [string] - định danh của thành phần;
  • Label [string] - nhãn của thành phần;
  • Placeholder [string] - trình giữ chỗ của thành phần;
  • Allow Clear [boolean] - cho phép xóa lựa chọn nếu đúng;
  • Disable [boolean] - tắt thành phần nếu đúng;
  • Tooltip [string] - chuỗi chú giải công cụ;
  • Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
  • Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
  • Value [phone number] - giá trị đầu vào có định dạng điện thoại;
  • Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
  • Validate Status [Status type] - trạng thái được hiển thị khi xác thực giá trị;
  • Validate Message [string] - thông báo được hiển thị khi xác thực giá trị;

Input Phone Set Properties

InputPhone Update Properties

Cập nhật các thuộc tính của thành phần.

Thông số đầu vào :

  • Component Id [string] - định danh của thành phần;
  • Label [string] - nhãn của thành phần;
  • Placeholder [string] - trình giữ chỗ của thành phần;
  • Allow Clear [boolean] - cho phép xóa lựa chọn nếu đúng;
  • Disable [boolean] - tắt thành phần nếu đúng;
  • Tooltip [string] - chuỗi chú giải công cụ;
  • Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
  • Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
  • Value [phone number] - giá trị đầu vào có định dạng điện thoại;
  • Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
  • Validate Status [Status type] - trạng thái được hiển thị khi xác thực giá trị;
  • Validate Message [string] - thông báo được hiển thị khi xác thực giá trị;

Input Phone Update Properties


ví dụ sử dụng

Có một cách để kiểm tra xem giá trị đã nhập có trống hay không. Trước hết, giá trị đã nhập phải được kiểm tra xem nó có rỗng hay không. Component ID cần được chỉ định để nhận giá trị này từ thành phần: