近来重新学习javascript发现还有很多知识点模糊,今天就javascript中的document.forms[formName][inputName]进行说明:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>javascript中的form</title>
    </head>
    <body>
        <form name="myForm">
          <input type="text" name="myInput" value="">
          <input type="submit" value="提交">
        </form>
    </body>
</html>        

  

var sub=document.getElementByTagName("input")[1];
sub.onclick=function(){
  var x=document.forms["myForm"]["myInput"].value;
console.log(document.forms["myForm"]["myInput"]);
if(x==""||x==null){
alert("请填入姓名");
return false; }
}

  说明:document.forms[formName];//如果文档中有多个form,取出的是哪一个form;

              document.forms[formName][inputName]//如果该form中有多个input,取出的               是哪一个input;

      注意:平常都是用document.getElementsByTagName("")[]找到该元素。

posted on 2016-09-05 14:52  太阳花0525  阅读(6262)  评论(0编辑  收藏  举报