desativar todos os elementos do formulário dentro de div

existe uma maneira de desabilitar todos os campos (área de texto / campo de texto / opção / entrada / caixa de seleção / enviar etc) em um formulário informando apenas o nome do pai div em jquery / javascript?

Tente usar o :inputseletor, juntamente com um seletor pai:

$("#parent-selector :input").attr("disabled", true);

$('#mydiv').find('input, textarea, button, select').attr('disabled','disabled');

Para jquery 1.6+, use em .prop()vez de .attr(),

$("#parent-selector :input").prop("disabled", true);

ou

$("#parent-selector :input").attr("disabled", "disabled");

    $(document).ready(function () {
        $('#chkDisableEnableElements').change(function () {
            if ($('#chkDisableEnableElements').is(':checked')) {
                enableElements($('#divDifferentElements').children());
            }
            else {
                disableElements($('#divDifferentElements').children());
            }
        });
    });

    function disableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = true;

            disableElements(el[i].children);
        }
    }

    function enableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = false;

            enableElements(el[i].children);
        }
    }

Simplesmente esta linha de código desativará todos os elementos de entrada

$('#yourdiv *').prop('disabled', true);

Que tal fazer isso usando apenas o atributo HTML 'desativado'

<form>
 <fieldset disabled>
  <div class="row">
   <input type="text" placeholder="">
   <textarea></textarea>
   <select></select>
  </div>
  <div class="pull-right">
    <button class="button-primary btn-sm" type="submit">Submit</button>
  </div>
 </fieldset>
</form>

Apenas colocando desativado no conjunto de campos, todos os campos dentro desse conjunto são desativados.

$('fieldset').attr('disabled', 'disabled');

Estou usando a função abaixo em vários pontos. Funciona em elementos div ou button em uma tabela, desde que o seletor direito seja usado. Apenas ": button" não seria reativado para mim.

function ToggleMenuButtons(bActivate) {
    if (bActivate == true) {
        $("#SelectorId :input[type='button']").prop("disabled", true);
    } else {
        $("#SelectorId :input[type='button']").removeProp("disabled");
    }
}

A seguir, desabilitaremos toda a entrada, mas não a classe btn e também a classe adicionada para substituir o CSS desabilitado.

$('#EditForm :input').not('.btn').attr("disabled", true).addClass('disabledClass');

classe css

.disabledClass{
  background-color: rgb(235, 235, 228) !important;
}

Para mim, a resposta aceita não funcionou, pois eu tinha alguns campos ocultos da rede asp que foram desativados também, então escolhi apenas desativar os campos visíveis

//just to save the list so we can enable fields later
var list = [];
$('#parent-selector').find(':input:visible:not([readonly][disabled]),button').each(function () {
    list.push('#' + this.id);
});

$(list.join(',')).attr('readonly', true);

Use a classe CSS para impedir a edição dos elementos div

CSS:

.divoverlay
{
position:absolute;
width:100%;
height:100%;
background-color:transparent;
z-index:1;
top:0;
}

JS:

$('#divName').append('<div class=divoverlay></div>');

Ou adicione o nome da classe na tag HTML. Isso impedirá a edição dos elementos Div.

Apenas tipo de texto

$(".form-edit-account :input[type=text]").attr("disabled", "disabled");

Somente tipo de senha

$(".form-edit-account :input[type=password]").attr("disabled", "disabled");

Apenas tipo de email

$(".form-edit-account :input[type=email]").attr("disabled", "disabled");