<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屬性來引用表單

復(fù)制代碼代碼如下:

document.forms[i]  //得到頁面中的第i個表單

document.forms[fromName] //得到頁面中相應(yīng)name的表單

2. 利用表單的id屬性

復(fù)制代碼代碼如下:

document.getElementById(formId);

3.

復(fù)制代碼代碼如下:

document.formName;//最為常用的一種方式

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

js
form

相關(guān)文章

JavaScript實現(xiàn)復(fù)制或剪切內(nèi)容到剪貼板功能的方法
這篇文章主要介紹了JavaScript實現(xiàn)復(fù)制或剪切內(nèi)容到剪貼板功能的方法,我們平時看到的網(wǎng)頁上很多一鍵復(fù)制功能就是如此實現(xiàn),需要的朋友可以參考下
2016-05-05
js實現(xiàn)文字滾動的效果
這篇文章主要為大家詳細介紹了js實現(xiàn)文字滾動的效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-06-06
js如何改變文章的字體大小
這篇文章主要介紹了js改變文章字體大小的方法，大家在使用word文檔時工具欄為大家提供更改字體大小的選項，那js是如何改變文章字體大小，下文為大家揭曉，需要的朋友可以參考下
2016-01-01
移動端H5喚起APP的寫法實例（IOS、android）
最近在做掃碼之后的h5頁面喚醒App的功能,所以記錄一下,這篇文章主要給大家介紹了關(guān)于移動端H5喚起APP的相關(guān)資料,需要的朋友可以參考下
2021-07-07
Javascript 修改String 對象增加去除空格功能(示例代碼)
這篇文章主要介紹了Javascript 修改String 對象增加去除空格功能(示例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
JavaScript中的this使用詳解
this是javascript的一個關(guān)鍵字，隨著函數(shù)使用場合不同，this的值會發(fā)生變化。但是總有一個原則，那就是this指的是調(diào)用函數(shù)的那個對象。今天我們就來詳細探討下this的使用
2016-07-07
淺析JavaScript中兩種類型的全局對象/函數(shù)
這篇文章主要介紹了JavaScript中兩種類型的全局對象/函數(shù)。需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
js使用數(shù)組判斷提交數(shù)據(jù)是否存在相同數(shù)據(jù)
判斷提交數(shù)據(jù)是否存在相同數(shù)據(jù)，在本文將為大家介紹使用數(shù)組做到這一點，感興趣的朋友可以參考下
2013-11-11
移動端效果之Swiper詳解
這篇文章主要為大家詳細介紹了移動端效果之Swiper的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10
JS將指定的某個字符全部轉(zhuǎn)換為其他字符實例代碼
這篇文章主要給大家介紹了關(guān)于JS如何將指定的某個字符全部轉(zhuǎn)換為其他字符的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-10-10