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;
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屬性
3.
複製程式碼 程式碼如下: document.formName;//最為常用的一種方式希望本文所述對大家的javascript程式設計有所幫助。