在javascript中浏览表单并检查是否有空白输入?
我很抱歉问这样一个“noob”问题,但我不在我的专业范围之内 我使用的是Dojo1.9,我需要浏览提交的表单并确定是否有任何输入字段为空。棘手的是表单是动态的,它可以包含每个数组元素的子元素数组,名称类似于在javascript中浏览表单并检查是否有空白输入?,javascript,dojo,Javascript,Dojo,我很抱歉问这样一个“noob”问题,但我不在我的专业范围之内 我使用的是Dojo1.9,我需要浏览提交的表单并确定是否有任何输入字段为空。棘手的是表单是动态的,它可以包含每个数组元素的子元素数组,名称类似于itemList[1]。myName: <form id="businessReferences" action="/yabba/dabba/doo" method="post"> <input id="itemList[0].myName" name="itemLi
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]
的所有字段都为空?有没有一种特殊的方法可以做到这一点?这似乎是一个相当常见的问题,但我还没有找到答案。只需在表单中添加一个提交按钮即可
<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>
为了进行验证,它还将考虑动态添加的元素
<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>
函数验证(){
FromRef=document.getElementById('businessReferences');
对于(i=0;iadd)输入所需的属性,并使用css/QSA进行选择。表单是如何提交的?没有提交按钮。存储对元素集合的引用比多次获取document.getElementById('businessReferences')。元素要高效得多。