js获取form的方法


Posted in Javascript onMay 06, 2015

本文实例讲述了js获取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>

js操作form的三种方式:

1. 利用表单在文档中的索引或表单的name属性来引用表单

document.forms[i]  //得到页面中的第i个表单

document.forms[fromName] //得到页面中相应name的表单

2. 利用表单的id属性

document.getElementById(formId);

3.

document.formName;//最为常用的一种方式

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
jquery实现保存已选用户
Jul 21 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
Jul 22 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
什么是Vue.js框架 为什么选择它?
Oct 17 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
Vue自定义弹窗指令的实现代码
Aug 13 Javascript
在Vuex中Mutations修改状态操作
Jul 24 Javascript
使用 JavaScript 制作页面效果
Apr 21 Javascript
js给selected添加options的方法
May 06 #Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
May 06 #Javascript
js实现漂浮回顶部按钮实例
May 06 #Javascript
js实现仿百度汽车频道选择汽车图片展示实例
May 06 #Javascript
js中日期的加减法
May 06 #Javascript
javascript实现回到顶部特效
May 06 #Javascript
javascript实现完美拖拽效果
May 06 #Javascript
You might like
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
php AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
PHP教程 基本语法
2009/10/23 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2021/03/09 PHP
JQuery each打印JS对象的方法
2013/11/13 Javascript
JavaScript中关联原型链属性特性
2016/02/13 Javascript
Javascript json object 与string 相互转换的简单实现
2016/09/27 Javascript
详解js中==与===的区别
2017/01/08 Javascript
Angular中的$watch、$watchGroup、$watchCollection
2017/06/25 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
2018/08/25 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
javascript面向对象三大特征之封装实例详解
2019/07/24 Javascript
layui 富文本编辑器和textarea值的相互传递方法
2019/09/18 Javascript
解决layui页面按钮点击无反应,也不报错的问题
2019/09/29 Javascript
[01:06:32]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第一局
2016/02/28 DOTA
[01:01:22]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
Python函数中定义参数的四种方式
2014/11/30 Python
详解Python当中的字符串和编码
2015/04/25 Python
Python中的默认参数实例分析
2018/01/29 Python
Centos7 Python3下安装scrapy的详细步骤
2018/03/15 Python
Python一句代码实现找出所有水仙花数的方法
2018/11/13 Python
python操作kafka实践的示例代码
2019/06/19 Python
使用Django实现把两个模型类的数据聚合在一起
2020/03/28 Python
Python中qutip用法示例详解
2020/10/02 Python
PHP如何删除一个Cookie值
2012/11/15 面试题
银行职员自我鉴定
2014/04/20 职场文书
团日活动总结
2014/04/28 职场文书
过程装备与控制工程专业求职信
2014/07/02 职场文书
超市理货员岗位职责
2014/07/04 职场文书
四年级学生期末评语
2014/12/26 职场文书
在职证明范本
2015/06/15 职场文书
Android自定义双向滑动控件
2022/04/19 Java/Android