javascript - 入力されたフィールドの数を確認するにはどうすればよいですか？

Question

私はこの小さな問題で立ち往生しています：

ユーザーが最大10個のフィールドに入力できるページがあります。しかし、彼はそうする必要はありません、彼はまた1つだけ記入することができます。最初、ユーザーはフィールドを1つしか持っていませんが、ボタンを使用してさらにフィールドを追加できaddます。

私の問題は、ユーザーが追加して入力したフィールドの数を知り、それらをdbに保存できるようにする方法です。

私のビジョンはこれです：

フィールドをカウントしてから、この合計をサーバーサイドコードに渡します。次に、合計時間をループします-時間と....？私はここで立ち往生しています、:(

誰かが私にもっと簡単なロジックを提案できますか？

どうもありがとう

score 2 · Accepted Answer

HTML要素の配列機能を利用できます。

すべてのフィールドに次のnameようなものがあります。

<input type="text" name="Set[]"></input>

この場合、$_POST-array にはという配列がありSet、これを繰り返し処理できます。それらを破棄し、empty()戻りtrue、すべての設定が完了します。

編集：固定インデックスを自動インクリメントに置き換えました。

score 1 · Accepted Answer

var numberoffields = 0;
addfield(){
//your code to add field here
numberoffields += 1;
}

'numberoffields'をサーバーに投稿します

score 1 · Accepted Answer

これを行うためのより良いアイデアは次のとおりです。

追加ボタンをクリックして別のテキストフィールドを追加すると、保存ボタンが一緒に表示され、jquery ajax を使用して値を即座に保存します。

score 1 · Accepted Answer

このサーバー側のコードを試してください:

<?php
    $vals = array();
    foreach($_POST as $key=>$val) {
        if(!empty($val)) {
            $vals[] = $val;
        } 
    }
?>

を使用し$valsます。あなたは終わった。

4 に答える 4