Nie przekazuj niewidzialne zawartość po wysłaniu formularza (serializacji) [duplikat]

Question 1

Mam formularz z kilkoma sekcjami, które nie są widoczne (przełącz jQuery) z powodu interakcji z użytkownikiem. Po wysłaniu formularza chciałbym zachować tylko widoczne (wypełnione przez użytkownika) elementy. Nie mogę zmusić go do pracy. Z góry dziękuję!

<!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

Jedna mała zmiana w kodzie sprawia, że jest to możliwe:

$('#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

Jedna mała zmiana w kodzie sprawia, że jest to możliwe:

$('#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>

Być może źle zrozumiałem twoje pytanie. Myślałem, że chcesz pisać tylko widoczne pola. Czy miałeś na myśli tylko pola publikacji z wartościami (ukryte lub nie ukryte)?
Nie, pan mnie źle zrozumiał. To dodatkowe pytanie. Jak mogę publikować widoczne pola, ale publikować ukryte pola.
Tak, jak początkowo złożył wszystkie pola w formularzu, widoczne lub niewidoczne. #form :visible znajdzie tylko widoczne elementy formularza. Można również zrobić coś takiego #form :not(:empty) jeśli chcesz po prostu opublikować dane z danych wejściowych, w których zostały wartości (pomijając puste dane wejściowe)...

Nie przekazuj niewidzialne zawartość po wysłaniu formularza (serializacji) [duplikat]

Pytanie

Najlepsza odpowiedź

W innych językach

Ta strona jest w innych językach

Popularne w tej kategorii

Najczęściej zadawane pytania w tej kategorii