Não passa invisível conteúdo, após envio de formulário (serializar) [duplicado]

Question 1

Eu tenho um formulário com várias divs que não são visíveis (Alternar jQuery) devido a interação do usuário. Depois de enviar o formulário, eu gostaria de guardar apenas o visível (preenchido pelo usuário) elementos. Não pode fazê-lo funcionar. Obrigado antecipadamente!

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $('#content').text($('#myform').serialize());
    });
});
</script>
</head>
<body>

<form action="" id="myform">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <div style="display:none;"><input type="text" name="isthishidden" value="maybe"></div>
 <input type="hidden" name="action" value="verwerk">
</form>
<button>Serialize form values</button>
<p></p>
<div id="content"></div>

</body>
</html>

Question 2

Um pouco tweak para o código torna isso possível:

$('#content').text($('#myform :visible').serialize());

$(document).ready(function(){
  $("button").click(function(){
    $('#content').text($('#myform :visible').serialize());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<form action="" id="myform">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <div style="display:none;"><input type="text" name="isthishidden" value="maybe"></div>
 <input type="hidden" name="action" value="verwerk">
</form>
<button>Serialize form values</button>
<p></p>
<div id="content"></div>

Kinglish · Answer 1 · 2021-11-23T20:20:39

Um pouco tweak para o código torna isso possível:

$('#content').text($('#myform :visible').serialize());

$(document).ready(function(){
  $("button").click(function(){
    $('#content').text($('#myform :visible').serialize());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<form action="" id="myform">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <div style="display:none;"><input type="text" name="isthishidden" value="maybe"></div>
 <input type="hidden" name="action" value="verwerk">
</form>
<button>Serialize form values</button>
<p></p>
<div id="content"></div>

Talvez eu tenha entendido mal a pergunta. Eu pensei que você só queria postar campos visíveis. Ou você quis dizer apenas postar os campos com valores (ou oculto, não-escondido)?
Não, você não fez mal. É uma questão adicional. Como posso postar campos visíveis, mas não coloque os campos ocultos.
A maneira como você tinha inicialmente lançados todos os campos do formulário, visível ou não visível. #form :visible só encontra o formulário de elementos que são visíveis. Você também pode fazer algo como #form :not(:empty) se você queria apenas postar os dados de entradas que tinham valores neles (ignorando vazio entradas)...

Não passa invisível conteúdo, após envio de formulário (serializar) [duplicado]

Pergunta

Melhor resposta

Em outros idiomas

Esta página está em outros idiomas

Popular nesta categoria

Perguntas populares nesta categoria