Don ' t pass neviditeľný obsah po forme predložiť (zoradenie) [duplicitné]

Question 1

Mám forme s viacerými divs, ktoré nie sú viditeľné (Prepnúť jQuery), pretože zo strany používateľa. Po odoslaní formulára by som chcel uložiť iba viditeľné (vyplní používateľ) prvky. Nemôžem sa dostať do práce. Vďaka vopred!

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

Jeden malý trik, aby váš kód je to možné:

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

Jeden malý trik, aby váš kód je to možné:

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

Možno som zle vašu otázku. Myslel som si, ste len chceli post viditeľné polia. Alebo si myslíš, že iba po polia s hodnotami (skryté, alebo nie-skryté)?
Nie je zle. To je ďalšia otázka. Ako môžem príspevok viditeľné polia, ale to post skryté polia.
Spôsob, akým si ho mal pôvodne publikované všetky polia vo formulári, viditeľné alebo neviditeľné. #form :visible len nájde tvoria prvky, ktoré sú viditeľné. Môžete tiež urobiť niečo ako #form :not(:empty) ak by ste chceli len po údajov zo vstupov, ktoré mali hodnoty v nich (ignoruje prázdne vstupy)...

Don ' t pass neviditeľný obsah po forme predložiť (zoradenie) [duplicitné]

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii