js 动态生成表单元素后，在提交前怎么获得他进行验证呢

你生成的时候加个
xxx.id="yyy"，
然后提交的时候用
var kkk=document.getElementById("yyy");
然后用kkk.value去验证可以不？呵呵，新手，不对见谅！
就是说我用js动态生成了form表单中的input元素
我在浏览器中的文本框中输入了一些内容
这时我点击提交，我希望在提交前对动态生成的input元素进行验证，看它是否为空窜
但是我获得不到这个动态生成的input元素，
我想问我怎么获得这个动态生成的input动态元素
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
function add()
{
var fo=document.getElementById("tt");
var newinput=document.createElement("input");
newinput.id="one";
fo.appendChild(newinput);
}
function sub()
{
var fo=document.getElementById("one");
alert(fo.value);
}
  </script>
</HEAD> <BODY>
  <form name="ff" id="tt">
  </form>
  <input type="button" onclick="add()" value="添加一个文本框"/>
  <input type="button" onclick="sub()" value="提交"/>
</BODY>
</HTML>