Chuyển tới nội dung chính

<Cthuvien:bbuoc>

thông tin

Controls thay thế: Thuộc tính required ở mỗi control.

Mô tả​

Cthuvien:bbuoc là một control hiển thị nhãn văn bản (thẻ <span> html), được sử dụng để đánh dấu nhãn cho các trường thông tin bắt buộc nhập. Control này tự động kết xuất thêm dấu sao màu đỏ (*) vào cuối nhãn, đồng thời bổ sung các thuộc tính phục vụ cho cơ chế validate client-side.

Thuộc tính​

TênKiểuMặc địnhCó thể cóMục đíchThuộc tính mớiGhi chú
TextstringNội dung văn bản của nhãn định hiển thịTự động được xóa dấu * cũ và nối thêm <span style='color:Red;'>*</span> ở cuối khi render.
CssClassstring"css_gchu"Lớp CSS (class) áp dụng lên control. Nếu không truyền vào, nó sẽ lấy giá trị mặc định là css_gchu.

Khởi tạo​

  1. Gán ten_goc = ID để JS nội bộ có thể tra cứu control theo tên gốc.
  2. Gán chu_goc = Text (text gốc, chưa có dấu *) để cơ chế validate đọc tên trường khi thông báo lỗi.
  3. Gán bbuoc = "C" để đánh dấu đây là trường bắt buộc.
  4. Nếu CssClass trống, gán mặc định css_gchu.
  5. Cập nhật Text: xóa mọi dấu * hiện có, sau đó nối thêm <span style='color:Red;'>*</span> vào cuối.

Chức năng JavaScript​

Thiết lập trạng thái bắt buộc​

bbuoc_Dat(b_ctrId, b_dk)​

Thay đổi động trạng thái bắt buộc nhập của control ở client-side:

  • Thêm hoặc xóa dấu sao đỏ (*) ở cuối nhãn.
  • Cập nhật thuộc tính bbuoc của control thành giá trị tương ứng (C hoặc K).

Tham số:

  • b_ctrId (string | HTMLElement): ID của control hoặc đối tượng DOM.
  • b_dk (string): Trạng thái thiết lập:
    • 'C': Bắt buộc nhập (Có). Tự động thêm <span style='color:Red;'>*</span> vào cuối nhãn nếu chưa có và gán thuộc tính bbuoc="C".
    • 'K': Không bắt buộc nhập (Không). Tự động loại bỏ dấu * ở cuối nhãn và gán thuộc tính bbuoc="K".

Mã nguồn:

function bbuoc_Dat(b_ctrId, b_dk) {
    var b_ctr = (typeof b_ctrId != 'string') ? b_ctrId : document.getElementById(b_ctrId);
    if (b_ctr) {
        var b_s = b_ctr.innerHTML;
        var b_i = b_s.indexOf('<span');
        if (b_dk == 'K' && b_i > 0) b_ctr.innerHTML = b_s.substr(0, b_i);
        else if (b_dk == 'C' && b_i < 0) b_ctr.innerHTML = b_s + "<span style='color:Red;'>*</span>";
        Attribute_P_DAT(b_ctr, 'bbuoc', b_dk);
    }
}

Ví dụ sử dụng:

// Thiết lập không bắt buộc nhập
bbuoc_Dat('lblTaiKhoan', 'K');

// Thiết lập bắt buộc nhập
bbuoc_Dat('lblTaiKhoan', 'C');

Ví dụ​

Khai báo:

<Cthuvien:bbuoc ID="lblTaiKhoan" runat="server" Text="Tài khoản đăng nhập" />

Mã HTML sinh ra (Client):

<span id="ctl00_MainContent_lblTaiKhoan" class="css_gchu" ten_goc="lblTaiKhoan" chu_goc="Tài khoản đăng nhập" bbuoc="C">Tài khoản đăng nhập<span style='color:Red;'>*</span></span>