Q&A
> javascript初心者ですみません… 調べればいいのですが時間がなくお力を貸してほしいです！ 主観に関わる余計な記述は無用です.
javascript初心者ですみません…
調べればいいのですが時間がなくお力を貸してほしいです！
formでsabmit時に、valueが0か空白の要素を削除してPOSTする方法はありますか？
<form name="order" action="test.php" method="post" onsubmit="return check()";> <input type="test name="item1" value=""> <input type="test name="item2" value=""> <input type="test name="item3" value=""> <input type="test name="item4" value=""> <input type="test name="item5" value=""> <input type="test name="item6" value=""> <input type="submit" value="買い物かごに入れる"> </form> <script type="text/javascript"> function check() { } </script>
inputにtestなんてありませんがこれは打ち間違いなのかこう入れているのか"で閉じられていないのも不明です
すみません、とにかくあわてていて！ input type="text" です
回答2件
0
別フォームを作ってサブミットすれば実現できると思いますが
普通は、受け取った側で判断することです
sample
一応サンプルだけつけておきます
javascript
1document.addEventListener('submit',function(e){ 2 var dummy=document.querySelector('#dummy'); 3 if(dummy) dummy.parentNode.removeChild(dummy); 4 var t=e.target; 5 if(t.name=="order"){ 6 e.preventDefault(); 7 var f=t.cloneNode(true); 8 f.style.display="none"; 9 console.log(f); 10 f.setAttribute("id","dummy"); 11 for(var i=f.elements.length-1;i>=0;i--){ 12 var ele=f.elements[i]; 13 if(ele.type=="text" && (ele.value=="" || ele.value=="0")){ 14 ele.parentNode.removeChild(ele); 15 } 16 } 17 document.querySelector('body').appendChild(f); 18 f.submit(); 19 }; 20}); 21
HTML
1<body> 2<form name="order" method="post"> 3<input type="text" name="item1" value=""> 4<input type="text" name="item2" value=""> 5<input type="text" name="item3" value=""> 6<input type="text" name="item4" value=""> 7<input type="text" name="item5" value=""> 8<input type="text" name="item6" value=""> 9<input type="submit" value="買い物かごに入れる"> 10</form> 11</body>
ペアを消す
javascript
1<?PHP 2print_r($_POST); 3?> 4<script> 5document.addEventListener('submit',function(e){ 6 var dummy=document.querySelector('#dummy'); 7 if(dummy) dummy.parentNode.removeChild(dummy); 8 var t=e.target; 9 if(t.name=="order"){ 10 e.preventDefault(); 11 var f=t.cloneNode(true); 12 f.style.display="none"; 13 console.log(f); 14 f.setAttribute("id","dummy"); 15 for(var i=f.elements.length-1;i>=0;i--){ 16 var ele=f.elements[i]; 17 if(ele.type.match(/text/) && (ele.value.match(/^0?$/))){ 18 ele.parentNode.removeChild(ele); 19 if(r=ele.name.match(/^(item_)(\d+)$/)){; 20 var pair=f.elements[r[1]+"no_"+r[2]]; 21 if(pair) pair.parentNode.removeChild(pair); 22 } 23 } 24 } 25 document.querySelector('body').appendChild(f); 26 f.submit(); 27 }; 28}); 29</script> 30<body> 31<form name="order" method="post"> 32<input type="text" name="test" value=""> 33 34 35<input type="text" name="item_01" value=""> 36<input name="item_no_01" type="hidden" value="000001" /> 37 38<input type="text" name="item_02" value=""> 39<input name="item_no_02" type="hidden" value="000201" /> 40 41<input type="text" name="item_03" value=""> 42<input name="item_no_03" type="hidden" value="030001" /> 43 44<input type="text" name="item_04" value=""> 45<input name="item_no_04" type="hidden" value="000003" /><input type="submit" value="買い物かごに入れる"> 46</form> 47</body> 48
投稿2018/04/20 05:20
編集2018/04/20 08:23
総合スコア114777
ありがとうございます。
受け取り側は手を加えられないとのことで困っております・
sampleつけておきました
あくまでも姑息な手段になるのでおすすめしないことは理解下さい
ありがとうございます！！！
思い通りの動きになりました！
＞おすすめしないことは理解下さい
はい！受け取り側が対応するまでの応急処置とさせていただきます！
すみません、実はもう次の段階がありまして、
以下のように数量入力する要素とペアになった、IDをhiddenで送っており、そちらも一緒に削除したいのです。。。
可能でしょうか・・・(><)
--------------------------
<input type="text" name="item_01" value="">
<input name="item_no_01" type="hidden" value="000001" />
<input type="text" name="item_02" value="">
<input name="item_no_02" type="hidden" value="000201" />
<input type="text" name="item_03" value="">
<input name="item_no_03" type="hidden" value="030001" />
<input type="text" name="item_04" value="">
<input name="item_no_04" type="hidden" value="000003" />
ペアがあったらそれも消すサンプルつけときました
ありがとうございます…
今日1日頑張ってるのが一瞬で解決し、感謝しきれません。。。
先ほど、数量とIDのnameを
item_●●、item_no_●●と書いたのですが
正確には別の文字列でして、、、
自分なりに以下にしてみたのですが、目的の文字列は生成できましたが
要素が消えてくれません。。。
-------------------
//一緒に削除するhiddenタグのnameを求める
var delname = ele.name;
var dal = delname.replace( /item_/g,'');
var dalid = 'no_'+ dal;
if(dalid) dalid.parentNode.removeChild(dalid);
-------------------
ほんとになにからなにまで申し訳ありません。。。
ある程度お教えいただければできるかと思ったのですが、そう簡単にはいきませんでした。。。
すみません！！解決しました！！！！
本当に本当にありがとうございました！！
弟子入りしたいぐらいです・・・
本当に感謝いたします！！！
> 正確には別の文字列でして、、、
具体的に提示していただけないと回答のしようがないですね
0
ベストアンサー
フォーム部品にdisabled=trueとすることでフォームの送信対象から外れることを使えばよいでしょう.
HTML
1<form id="f"> 2 <input type="text" name="a"/> 3 <input type="text" name="b"/> 4 <button type="submit">送信</button> 5</form>
JavaScript
1f.onsubmit = e => [].forEach.call(f.elements, input => (input.value == "" || +input.value === 0) && (input.disabled = true));
https://developer.mozilla.org/ja/docs/Web/HTML/Element/Input
投稿2018/04/20 05:38
総合スコア4756
あなたの回答
tips
プレビュー
