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进行验证，但是当用户添加 2div秒时，我的y变成了undefined. div无论用户添加了多少 s，我该怎么做才能收集所有描述？

另外，如果我想检查“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 回答