[jQuery+php]input=textをjsで動的に増減させてその内容をphpで処理する

やったことなかったってのと、
知らず固定観念できちゃってたのとかで、
まあなんとかなった。

やりたいこと

  1. 手入力のフォーム(input[type=”text”]とか)を動的に増減できるようにする。
  2. phpで受け取って、空欄を除けたりした上で煮るなり焼くなりできるように整える。

中身

「form.html」で入力したのを「check.php」で処理するとする。
[html title=”form.html”]

  • ADD
  • REMOVE


[/html]
[js title=”scripts.js”]
$(function(){
//「ADD」を押したら増やす
$(‘.add’).click(function(){
$(‘.addInput’).append(‘

  • ‘);
    });
    //「REMOVE」を押したら減らす
    $(‘.remove’).click(function(){
    $(‘.addInput li:last-child’).remove();
    });
    });
    [/js]
    [php title=”check.php”]

    書き出し例

      “.$emailvalue.”

      “; } ?>

    [/php]

    解説的なもの

    項目の増減はjsで簡単にできる。
    ただこれを導入すると、空欄が出てくる可能性もある。
    項目追加良いけど入力してないのが出たらどうするか、バリデーションで利用者側にストレスかけてもウザいだけじゃねえの?みたいな、これくらいならルールの押しつけをするほどじゃないんじゃないのこっちで済ませられそうじゃん。
    みたいな感じのモヤモヤを整理しとかなきゃいけない。
    そのためにphpの中で空白の削除作業を受け取りから書き出しの間に挟み込んである。

    感想というか

    checkboxで配列云々やるのは珍しくないんだけど、
    それでしかやってこなかったおかげで、
    checkboxじゃないとできないみたいな偏見というか、
    誤った認識があった。

    案の定というか、
    まあやればできるよね。

    コメント

    タイトルとURLをコピーしました