JS – 表单

var form1 = document.forms.item(0)    # 表示 body 里面的第 1 个表单
document.forms.item(1)                # 表示 body 里面的第 2 个表单

alert(form1.action);
alert(form1.username); # some value

应用场景, 动态修改表单的提交方式, 如修改提交到不同的 php 文件

<form action="test.php" method="post" onsubmit="return func()">
<input type="text" name="name" >
<input type="submit" value="submit">
</form>

function func() {
  alert(‘用 js 阻止表单提交‘);
  return false;
}

<form id="form" action="a.php" method="">
...
</form>

function func() {
   form.action = "c.php";
   form.method = "get";
   form.submit();
}

<body onkeydown="return checkNum()">
  <input type="text" id="in">
</body>
<script type="text/javascript">
 function checkNum() {
     var event = window.event || arguments.callee.caller.arguments[0];
     var v = document.getElementById("in").value;
     if (v.length + 1 > 6) {
         alert(‘输入的数字最多为 6‘);
         return false;
     }
     if (event.keyCode >= ‘A‘.charCodeAt(0) && event.keyCode <= ‘Z‘.charCodeAt(0)) {
         alert(‘你输入的不是数字‘);
         return false;
     } else {
         i++;
     }
 }
</script>

JS -- 表单

JS – 表单