js获取form的方法

前端技术 2023/09/07 JavaScript

本文实例讲述了js获取form的方法。分享给大家供大家参考。具体如下：

先来看下面代码：

<html> 
<head> 
<scirpy> 
window.onload=function(){ 
   var f1=document.f1; 
   var f2=document.forms[1]; 
 alert(f2.id); 
  var f3=document.forms[\'f1\']; 
} 
</script> 
</head> 
<body> 
<form id=\"f1\" value=\"f1\"></from> 
<from id=\"f2\" value=\"f2\"></form> 
</body> 
</html>

操作表单：

<html> 
 <head> 
 <script> 
  function checkform(f){ 
  var uname=f.username; 
  var pwd=f.password; 
  if(uname.value.length<4){ 
  alert(\'用户长度必须大于4\')； 
  return false; 
  } 
  if(pwd.value.length!=6){ 
  alert(\'用户密码必须大于 6位\'); 
  return false; 
  } 
  return true; 
  } 
 </script> 
 </head> 
 <body> 
 <form id=\"f1\" name=\"f1\" method=\"post\" action=\"\"
 onsubmit=\"return checkform(this)\"> 
   <input name=\"username\" value=\"\" /></br> 
  <input name=\"password\" value=\"\" /></br> 
  <input type=\"button\" value=\"提交\" />  
 </form> 
 </body> 
</html>

js操作form的三种方式：

1. 利用表单在文档中的索引或表单的name属性来引用表单

复制代码 代码如下:
document.forms[i]  //得到页面中的第i个表单
document.forms[fromName] //得到页面中相应name的表单

2. 利用表单的id属性

复制代码 代码如下:
document.getElementById(formId);

3.

复制代码 代码如下:
document.formName;//最为常用的一种方式

希望本文所述对大家的javascript程序设计有所帮助。

本文地址：https://www.stayed.cn/item/20301

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案