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 相关文章推荐
查询绑定数据岛的表格中的文本并修改显示方式的js代码
Dec 15 Javascript
jquery中eq和get的区别与使用方法
Apr 14 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
Oct 16 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
Oct 31 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
Jul 27 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
解决vue axios的封装 请求状态的错误提示问题
Sep 25 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
Mar 12 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 Javascript
JS中的算法与数据结构之集合(Set)实例详解
Aug 20 Javascript
微信小程序可滑动周日历组件使用详解
Oct 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代码给图片加水印
2015/07/01 PHP
PHP制作用户注册系统
2015/10/23 PHP
PHP递归实现汉诺塔问题的方法示例
2017/11/25 PHP
FireFox JavaScript全局Event对象
2009/06/14 Javascript
JavaScript CSS修改学习第六章 拖拽
2010/02/19 Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
2010/12/11 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
javascript实现动态标签云
2015/10/16 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
js注册时输入合法性验证方法
2017/10/21 Javascript
vue.js select下拉框绑定和取值方法
2018/03/03 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
使用Vue-cli 3.0搭建Vue项目的方法
2018/06/07 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
[01:16]DOTA2小知识课堂 Ep.03 芒果树无伤肉山
2019/12/05 DOTA
跟老齐学Python之集成开发环境(IDE)
2014/09/12 Python
用Python编写一个简单的Lisp解释器的教程
2015/04/03 Python
深入解析Python中的上下文管理器
2016/06/28 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
期末自我鉴定
2014/02/02 职场文书
在宿舍喝酒的检讨书
2014/09/28 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
销售助理岗位职责
2015/02/11 职场文书
库房管理员岗位职责
2015/02/12 职场文书
幼儿园辞职书
2015/02/26 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书
JS数组的常用方法整理
2021/03/31 Javascript
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang
python unittest单元测试的步骤分析
2021/08/02 Python
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers