假設這是我在 reactjs/jsx 中的 html：
<form action="/search-list" method="GET">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</form>
當我在不輸入任何內容的情況下單擊按鈕時submit，它會使網址像這樣fname=&lname=
當我填寫fname并提交時，網址變成這樣fname=JhonDoe&lname=
請注意，我沒有填寫lname，但lnameurl 中是我不想要的。
我想，如果一個欄位有value，該欄位應該url作為查詢引數，如果不是欄位，該欄位不應該在url查詢引數中。
有可能嗎？我該怎么做？所有欄位都應該是可選的。
uj5u.com熱心網友回復：
您可以使用這個純 JavaScript 從提交中洗掉空輸入。
<form method="GET" id="myForm">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</form>
<script>
Form = document.getElementById("myForm");
Form.addEventListener('submit',()=>{
if(Form.fname.value == ""){
Form.fname.name ="";
}
if(Form.lname.value == ""){
Form.lname.name ="";
}
Form.submit();
});
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/437735.html