0

基本的に、これは私のjavascriptの追加機能です

function Add(){
    var newDiv7 = document.createElement("div");
    newDiv7.setAttribute("class","StartDate");
    newDiv7.innerHTML = 'Description: <input type="text" name="Description[]">';
    document.getElementById("container").appendChild(newDiv7);
}

そして、これが私のメインフォームです

<form name="MainDATA" method="POST" action="Executer.php" onSubmit="validate()">
    <div id="container">
        <div id="cmd">
        <input type="button" value="Add" onclick="Add()">
        <input type="submit" name="submit" value="Submit">
        </div>
    </div>
</form>

JavaScript を検証する

function validate(){
    var y = document.forms["MainDATA"]["Description[]"];
    alert(y);
    //validation code
}

このコードは、ユーザーがフォームにシングルを追加した場合にのみ完全に機能しましたdiv。y検証のために説明を に転送できましたが、ユーザーが 2 を追加するとdiv、. ユーザーが追加した s の量に関係なく、すべての説明を収集するにはどうすればよいですか?yundefineddiv

また、「y」の長さが 10 文字以上かどうかを確認したい場合、これを達成するにはどうすればよいですか?

前もって感謝します。

4

2 に答える 2

0

それはうまくいくようです。

カウンター変数だけが未定義でした。

var counter = 0;

function Add() {
    var newDiv7 = document.createElement("div");
    newDiv7.setAttribute("class", "StartDate");
    newDiv7.innerHTML = 'Description: <input type="text" name="Description[]">';
    document.getElementById("container").appendChild(newDiv7);
    document.getElementById("counter").value = counter;
}

function validate() {
    var y = document.forms["MainDATA"]["Description[]"];
    console.log(y);
    //validation code
}

FIDDLEの実例をチェックしてください

于 2013-02-05T16:03:12.293 に答える
0

これを Firefox 18 で実行しましたが、問題なく動作しました。このフィドルを試してみてください 

f d()
于 2013-02-05T16:20:09.537 に答える