Pole formularza można oznaczać jako „disabled” używając metody .prop()
|
1 2 3 4 5 |
// Wyłączenie elementu $('input').prop('disabled',true); // Włączenie elementu $('input').prop('disabled',false); |
Jak widać włączenie pola odbywa się poprzez zmianę wartości drugiego parametru z true na false – atrybut disabled zostanie usunięty z elementu i element ten będzie aktywny.
Nie jednokrotnie zachodzi potrzeba zablokowania jakiegoś pola w formularzu aby nie było one edytowalne. Można to zrobić dopisując atrybut disabled=”disabled”. Rozwiązanie to spowoduję, że pole z takim atrybutem będzie tylko do odczytu. Problem jednak w tym, że podczas wysyłania formularza pole to (jego wartość) nie zostanie wysłane. Rozwiązaniem tego problemu może być użycie atrybutu readonly. Kod wygląda następująco:
|
1 |
$('input').attr('readonly',true); |