JS獲取form表單
阿新 • • 發佈：2019-02-11
本文例項講述了js獲取form的方法。分享給大家供大家參考。具體如下：
先來看下面程式碼：
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<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>
|
操作表單：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<html>
<head>
<script>
function
checkform(f){
var
uname=f.username;
varpwd=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屬性
3.
複製程式碼 程式碼如下: document.formName;//最為常用的一種方式希望本文所述對大家的javascript程式設計有所幫助。