Trong mã js, tôi đã tạo 3 nút --- Nút 1... Nút 2... Nút 3 và 3 trường nhập --- Trường nhập 1... Trường nhập 2... Trường nhập 3
Tất cả các nút đều bị tắt bắt đầu từ tập lệnh
Nút 1 sẽ chỉ được kích hoạt (bạn có thể nhấp vào nút đó) nếu trường nhập 1 và 2 có giá trị số
Nút 2 sẽ chỉ được kích hoạt nếu trường nhập 1 và 3 có giá trị số
Nút 3 chỉ hoạt động nếu trường đầu vào 2 và 3 có giá trị số.
Vấn đề của tôi là khi tôi nhập giá trị cho trường đầu vào 1 và 2, nút 1 không kích hoạt (có thể nhấp được) mặc dù lẽ ra nó phải như vậy
Giả sử tôi viết lại mã của mình và đảo ngược toàn bộ mã của mình, để khi bắt đầu tập lệnh, tất cả các nút đều không bị tắt (bạn có thể nhấp vào chúng). Sau đó tôi đã đưa ra một câu lệnh có điều kiện đơn giản như thế này
trường đầu vào 1 = if1
Trường đầu vào 2 - if2
if (if1.length = 0 || isNaN(if1) && if2.length = 0 || isNaN(if2) ) {
document.getElementById("nút 1").disable = true;
}
Nút 1 không bị tắt ngay lập tức cho đến khi người dùng nhấp vào nút. Nếu người dùng nhập lại loại giá trị thích hợp vào trường đầu vào 1, nút 1 sẽ không được kích hoạt (có thể nhấp được) vì nó dường như đã bị vô hiệu hóa vĩnh viễn.
Nói chung, điều tôi đang hỏi là liệu có cách nào để làm cho JavaScript tương tác ngay lập tức hay không. Ví dụ: thanh tìm kiếm trình duyệt web. Khi bạn nhập nội dung nào đó, bạn sẽ ngay lập tức nhận được danh sách các vấn đề có thể xảy ra và khi bạn không nhập bất kỳ nội dung nào vào đó, danh sách sẽ biến mất và trình duyệt sẽ trở lại trạng thái ban đầu.
Bất kỳ lời khuyên/trợ giúp nào sẽ được đánh giá rất cao
Một số mã của tôi đã bị xóa do cuộc sống và các vấn đề của nó. Do đó mã bị thiếu và một loạt các từ. Xin lỗi.
Giải pháp phổ quát(使用属性)
Bạn có thể kiểm tra câu trả lời bên dưới sử dụng đầu vào
các sự kiện và thuộc tính để xử lý tình huống của bạn một cách hiệu quả.
Tôi đã thêm một mục tiêu dữ liệu
Thuộc tính để liên kết các phần tử với nhau phù hợp với yêu cầu của bạn.
Ví dụ: để khớp với một quy tắc,Nút 1 sẽ chỉ được kích hoạt (bạn có thể nhấp vào nút đó) nếu trường nhập 1 và 2 có giá trị số
,mục tiêu dữ liệu
button1
của > là hộp văn bản 1 & 2
nhận dạng.
Đoạn làm việc:
Để ý:Với mã này, bạn không cần thay đổi/thêm bất cứ điều gì khi bạn thêm nhiều phần tử hơnJavascript
mã số. Chỉ cần thêm các phần tử và thuộc tính
Tôi là một lập trình viên xuất sắc, rất giỏi!