Làm thế nào để tránh việc gửi các trường nhập bị ẩn theo hiển thị: không có trường nào cho máy chủ?

Question

Hãy tưởng tượng bạn có một biểu mẫu nơi bạn chuyển đổi chế độ hiển thị của một số trường. Và nếu trường không được hiển thị, bạn không muốn giá trị của nó được yêu cầu.

Bạn xử lý tình huống này như thế nào?

Answer 1

Thiết lập một yếu tố hình thức để vô hiệu hóa sẽ ngăn chặn nó xảy ra với máy chủ, ví dụ:

<input disabled="disabled" type="text" name="test"/> 

Trong javascript nó sẽ có nghĩa một cái gì đó như thế này:

var inputs = document.getElementsByTagName('input'); 
for(var i = 0;i < inputs.length; i++) { 
    if(inputs[i].style.display == 'none') { 
     inputs[i].disabled = true; 
    } 
} 
document.forms[0].submit(); 

Trong jQuery:

$('form > input:hidden').attr("disabled",true); 
    $('form').submit(); 

Answer 2

Tôi sẽ xóa giá trị khỏi đầu vào hoặc tách đối tượng đầu vào khỏi DOM để nó không tồn tại để được đăng ở vị trí đầu tiên.

Answer 3

Bạn có thể sử dụng javascript để đặt thuộc tính bị tắt. Sự kiện bấm nút 'gửi' có lẽ là nơi tốt nhất để làm điều này.

Tuy nhiên, tôi khuyên bạn không nên làm điều này. Nếu có thể, bạn nên lọc truy vấn của mình trên máy chủ. Điều này sẽ đáng tin cậy hơn.

Answer 4

Nếu bạn muốn vô hiệu hóa tất cả các yếu tố hoặc các yếu tố nhất định trong một yếu tố phụ huynh ẩn, bạn có thể sử dụng

$("div").filter(":hidden").children("input[type='text']").attr("disabled", "disabled"); 

này dụ http://jsfiddle.net/gKsTS/ vô hiệu hóa tất cả các hộp thoại trong vòng một div ẩn

Answer 5

Một rất đơn giản (nhưng không phải lúc nào giải pháp thuận tiện nhất) là xóa thuộc tính "tên" - tiêu chuẩn yêu cầu các trình duyệt không gửi các giá trị chưa đặt tên và tất cả các trình duyệt mà tôi biết tuân theo quy tắc này.

Answer 6

gì về:

$('#divID').children(":input").prop("disabled", true); // disable 

và

$('#divID').children(":input").prop("disabled", false); // enable 

Để chuyển đổi tất cả trẻ em đầu vào (lựa chọn, hộp kiểm tra, đầu vào, textareas, vv) bên trong một div ẩn.