Wyobraź sobie, że masz formularz, w którym zmieniasz widoczność kilku pól. A jeśli pole nie jest wyświetlane, nie chcesz, aby jego wartość była dostępna na żądanie.Jak uniknąć wysyłania pól wejściowych, które są ukryte przez wyświetlacz: brak serwera?
Jak sobie radzisz z tą sytuacją?
Ustawianie element formularza dla osób niepełnosprawnych przestanie idzie do serwera, np:
<input disabled="disabled" type="text" name="test"/>
w JavaScript oznaczałoby to mniej więcej tak:
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();
w jQuery:
$('form > input:hidden').attr("disabled",true);
$('form').submit();
Chciałbym usunąć wartość z danych wejściowych lub odłączyć obiekt wejściowy od DOM, więc nie istnieje, aby zostać wysłana w pierwszej kolejności.
Można użyć javascript do ustawienia wyłączonego atrybutu. Zdarzenie kliknięcia przycisku "wyślij" jest prawdopodobnie najlepszym miejscem do zrobienia tego.
Jednak odradzam robienie tego w ogóle. Jeśli to możliwe, powinieneś filtrować zapytanie na serwerze. Będzie to bardziej wiarygodne.
Jeśli chcesz wyłączyć wszystkie elementy lub niektóre elementy wewnątrz ukrytego elementu nadrzędnego, można użyć
$("div").filter(":hidden").children("input[type='text']").attr("disabled", "disabled");
Ten przykład http://jsfiddle.net/gKsTS/ wyłączenie wszystkich pól tekstowych w ukrytym div
To jest bardzo dobre rozwiązanie, ponieważ jest iterowane przez ukryty div i wyłącza wszystkie. Powinien dostać więcej +1 – yeppe
Jeden bardzo prosty (ale nie zawsze najwygodniejszym) rozwiązaniem jest usunięcie atrybutu "nazwa" - standard wymaga, aby przeglądarki nie wysyłały nienazwanych wartości, a wszystkie przeglądarki, które znam, przestrzegają tej zasady.
Nie polecam, ponieważ jeśli zmienisz stany za pomocą javascript, trudno będzie zresetować dane wejściowe bez buforowania wszystkich atrybutów nazwy. Łatwiej jest zmienić stan wyłączony. – Simon
Co o:
$('#divID').children(":input").prop("disabled", true); // disable
i
$('#divID').children(":input").prop("disabled", false); // enable
Aby włączyć wszystkie dzieci wejść (Wybiera, pól, wejściowe, pola tekstowe, itp) wewnątrz ukryty div.
To świetne rozwiązanie, jeśli chcesz pobrać wszystkie dane wejściowe. dobra robota – doz87
Z pseudo-selektorem jQuery ': input' zamiast' input' możesz także łatwo wyłączyć wszystkie elementy 'select' i' textarea' –
W jQuery> = 1.6, zamiast 'attr (" disabled ", true)' ty powinien używać 'prop (" wyłączony ", prawda)' http://api.jquery.com/prop/ – yorch
@ dominicbri7 - Od wersji jQuery 1.6 zaleca się użycie '.prop()' zamiast '.attr()' do uzyskania ustawienia ORAZ zarówno wyłączonych, jak i sprawdzonych właściwości. Sprawdzenie i lub ustawienie przy użyciu '.attr()' w niektórych przypadkach zwróci niepożądane wyniki. Proszę przeczytać dokumentację jQuery przed skomentowaniem tego, co yorch miał na myśli. – zgr024