Question

我为问这样一个“noob”问题而道歉，但我不在这里专业领域。

我正在使用Dojo 1.9，我需要遍历提交的表单并确定是否有任何输入字段为空。棘手的部分是表单是动态的，它可以包含每个数组元素的子元素数组，名称如itemList[1].myName：

<form id="businessReferences" action="/yabba/dabba/doo" method="post">
    <input id="itemList[0].myName" name="itemList[0].myName" type="text" value=""/>
    <input id="itemList[0].myAddress" name="itemList[0].myAddress" type="text" value=""/>
    <input id="itemList[1].myName" name="itemList[1].myName" type="text" value=""/>
    <input id="itemList[1].myAddress" name="itemList[1].myAddress" type="text" value=""/>
    <input id="itemList[2].myName" name="itemList[2].myName" type="text" value=""/>
    <input id="itemList[2].myAddress" name="itemList[2].myAddress" type="text" value=""/>
</form>

浏览此表单并检查每个父元素的所有字段是否为空的最佳方法是什么？例如，如果itemList[2]的所有字段都为空？这样做有什么特别的方法吗？似乎这是一个相当普遍的问题，但我无法找到答案。

Answer 1

只需在表单

中添加提交按钮即可

    <form id="businessReferences" action="/yabba/dabba/doo" method="post"  onsubmit="return validate()">
        <input id="itemList[0].myName" name="itemList[0].myName" type="text" value=""/>
        <input id="itemList[0].myAddress" name="itemList[0].myAddress" type="text" value=""/>
        <input id="itemList[1].myName" name="itemList[1].myName" type="text" value=""/>
        <input id="itemList[1].myAddress" name="itemList[1].myAddress" type="text" value=""/>
        <input id="itemList[2].myName" name="itemList[2].myName" type="text" value=""/>
        <input id="itemList[2].myAddress" name="itemList[2].myAddress" type="text" value=""/>
        <input type='submit' value="Submit"/> <!-- to trigger validation on this button click -->
    </form>

Javascript进行验证，它还会考虑动态添加的元素

      <script type='text/javascript'>
    function validate(){
               FromRef = document.getElementById('businessReferences');
     for(i=0; i<FromRef.elements.length; i++)
        {

           if((FromRef.elements[i].value).trim() ==""){  // see if the value is blank popup and alert
             alert( FromRef.elements[i].name +"is required");  
             return false; // not to submit form
           }



        return true;//submit form
    }
     </script>

在JavaScript中浏览表单并检查空白输入？

1 个答案: