createElement创建的文本框在表单提交的时候如何在JS验证


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
window.onload = function(){
var oInput = document.createElement('input');
oInput.type = "text";
oInput.id = 'aa';//设置id即可
document.body.appendChild(oInput);
}
function funChk(){
var oVal = document.getElementById('aa').value;
if(oVal.length < 1){
alert('文本不允许为空！');
}
}
  //-->
  </SCRIPT>
 </HEAD> <BODY>
  <INPUT TYPE="button"  value="提交" onclick="funChk()">
 </BODY>
</HTML>

解决方案 »

  1.   

    感谢楼上的兄弟放上的代码，不过我有个小小的疑问，就是你在做表单验证的时候如何得到text的ID的（如何创建了N个text）
      

  2.   

    就是说如何能得到动态创建的text输量？这是个关键，有了输量就好办了，可以在js里做数组遍历~
      

  3.   

    当然创建的时候你的ID要有规律oInput.id = 'aa1';//设置id即可
    oInput.id = 'aa2';//设置id即可
    oInput.id = 'aa3';//设置id即可然后循环就可以了也可以设置一样的namedocument.getElementsByName('aa')[0].value
    document.getElementsByName('aa')[1].value
    ...
      

  4.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
        window.onload = function(){
            var oInput = document.createElement('<input name="aa">');
            oInput.type = "text";
            oInput.id = 'aa0';//设置id即可
    oInput.value = "text0";
            var oInput1 = document.createElement('<input name="aa">');
            oInput1.type = "text";
    oInput1.value = "text";
            oInput1.id = 'aa1';//设置id即可
            document.body.appendChild(oInput);
    document.body.appendChild(oInput1);
        }
        function funChk(){
            var oVal = document.getElementsByName('aa')
            alert(oVal.length) for(var i=0;i<oVal.length;i++){
       alert(document.getElementsByName('aa')[i].id)
        alert(document.getElementsByName('aa')[i].value)
    }
        }
      //-->
      </SCRIPT>
     </HEAD> <BODY>
      <INPUT TYPE="button"  value="提交" onclick="funChk()">
     </BODY>
    </HTML>