先来看下面代码:
<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属性来引用表单