JavaScript 获取 Form 表单的三种常用方式
作者:青柠时间:2026-10-29 09:24:42浏览:73
本文介绍JavaScript中获取Form表单的三种常用方法。第一种是通过document.forms数组,利用索引或name属性访问;第二种是通过document.getElementById根据ID获取;第三种是直接通过document.formName引用。文章提供了相关代码示例,帮助开发者理解如何在实际项目中操作和验证表单。
JavaScript 获取 Form 表单的三种常用方式
本文介绍了JavaScript中获取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>
在JavaScript中,操作Form表单主要有以下三种方式:
1. 利用表单在文档中的索引或表单的name属性来引用表单
具体代码如下:
document.forms[i] // 获取页面中的第i个表单
document.forms[fromName] // 获取页面中相应name的表单
2. 利用表单的id属性
具体代码如下:
document.getElementById(formId);
3.
具体代码如下:
document.formName;// 最为常用的一种方式
希望本文所述内容对大家的javascript程序设计有所帮助。
作者最新文章
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
