Quero remover as divs que ficam com display:none
com a função remove()
do jquery e quando elas forem selecionadas como display:block
elas voltem....pois quero enviar um formulário via POST que não pode receber os elementos dentro das divs que possuem display:none
.
-
1Passando apenas para comentar que nenhuma solução apresentada no lado do cliente (javascript ou css por ex.) deve ser usada como sistema de segurança de que aqueles dados não serão enviados, pois podem facilmente ser reativados pelo console ou plugins, então checagens adicionais devem ser realizadas no lado do servidor.– Jader A. WagnerCommented 18/11/2016 às 12:37
Adicione um comentário
|
2 Respostas
Para evitar que elementos input
sejam enviados com uma form
a solução comum é fazêr input.disabled = true;
, ou seja com o input
desativado ele não é enviado para o servidor.
Junta na lógica para esconder também lógica para desativar.
Como o @Sergio disse, você pode desabilitar os campos que você não quer que envie, segue o código em javascript:
$(document).ready(function() {
$('form').submit(function() {
$(this).find('div:hidden input').prop('disabled', true);
});
});
Eu monitoro a submissão do formulário, quando esse evento é acionado eu disparo a função que procura inputs
dentro de divs
ocultas e desabilito-os.
OBS.: Se houver a necessidade de colocar outros campos que não sejam inputs
, como por exemplo textarea
, basta separar por virgula no seletor, assim:
.find('div:hidden input,textarea')
A estrutura do HTML ficaria assim:
<form>
<div style="display: none">
<input type="text" name="campo1">
</div>
<div>
<input type="text" name="campo2">
</div>
</form>