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 相关文章推荐
firefox firebug中文入门教程 脚本之家新年特别版
Jan 02 Javascript
javascript 二分法(数组array)
Apr 24 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
Oct 28 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
AngularJS基础 ng-repeat 指令简单示例
Aug 03 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
js中的触发事件对象event.srcElement与event.target详解
Mar 15 Javascript
提升页面加载速度的插件InstantClick
Sep 12 Javascript
微信小程序 JS动态修改样式的实现方法
Dec 16 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
Sep 30 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 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实现简易blog的制作
2016/10/24 PHP
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
jquery radio 操作代码
2011/03/16 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
Enter转换为Tab的小例子(兼容IE,Firefox)
2013/11/14 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
node.js中的path.delimiter方法使用说明
2014/12/09 Javascript
JavaScript控制按钮可用或不可用的方法
2015/04/03 Javascript
javascript中this的四种用法
2015/05/11 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
js enter键激发事件实例代码
2016/08/17 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
2016/11/03 Javascript
浅谈javascript中的 “ &amp;&amp; ” 和 “ || ”
2017/02/02 Javascript
聊聊JavaScript如何实现继承及特点
2017/04/07 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
2019/07/03 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
python发布模块的步骤分享
2014/02/21 Python
用python代码做configure文件
2014/07/20 Python
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
pyqt5自定义信号实例解析
2018/01/31 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
python生成器与迭代器详解
2019/01/01 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
Python常用编译器原理及特点解析
2020/03/23 Python
css3实现椭圆轨迹旋转的示例代码
2018/10/29 HTML / CSS
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
会计系个人求职信范文分享
2013/12/20 职场文书
致跳远、跳高运动员广播稿
2014/01/09 职场文书
《小小竹排画中游》教学反思
2014/02/26 职场文书
外贸员简历中的自我评价
2014/03/04 职场文书
2014年学校禁毒工作总结
2014/12/23 职场文书
铁路安全反思材料
2014/12/24 职场文书
初中教务主任竞聘演讲稿(范文)
2019/08/20 职场文书
Python 文本滚动播放器的实现代码
2021/04/25 Python