javascript - 动态文本框验证问题

Question

我的代码如下:

 <script language="javascript" type="text/javascript">
        function doit() {

            for (j = 1; j <= 2; j++) {
                var a = document.getElementById('textbox' + j);
                if (a.value != "")
                    alert("You entered: " + a.value)
                else
                    alert("please enter something");
            }
        }
        function change() {

            my_proj.innerHTML = "";
            for (j = 1; j <= 2; j++) {

                my_proj.innerHTML = my_proj.innerHTML + '<input type="text" id="textbox' + j + '" runat="server"></input>';



            }
        }
        </script>

<form id="form1" runat="server" name="form1">
    <asp:DropDownList ID="ddl" runat="server" onChange="change()">
            <asp:ListItem>-Select-</asp:ListItem>
            <asp:ListItem>1</asp:ListItem>
            <asp:ListItem>2</asp:ListItem>
            <asp:ListItem>3</asp:ListItem>
            <asp:ListItem>4</asp:ListItem>
        </asp:DropDownList>
    <div id="my_proj">
    <input type="submit" onclick="doit()" />

    </div>
    </form>

但是在运行时出现以下错误:

解析器错误消息:'textbox' + j + '' 不是有效的标识符。

有人可以建议我一个解决方案吗？？？提前致谢

Answer 1

当你这样做

my_proj.innerHTML = "";

在 change() 中，它将删除提交按钮，因此我不确定您如何尝试提交。但尝试将按钮移到 div 之外

<div id="my_proj">


</div>
<input type="submit" onclick="doit()" />

这是一个等效的 JSFiddle您可以查看。