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代码
Sep 17 Javascript
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
Dec 02 Javascript
通过Javascript创建一个选择文件的对话框代码
Jun 16 Javascript
JS中Iframe之间传值及子页面与父页面应用
Mar 11 Javascript
JQuery实现展开关闭层的方法
Feb 17 Javascript
jQuery获取DOM节点实例分析(2种方式)
Dec 15 Javascript
jQuery EasyUI菜单与按钮详解
Jul 13 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
javascript深拷贝和浅拷贝详解
Feb 14 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 Javascript
vue-resource:jsonp请求百度搜索的接口示例
Nov 09 Javascript
Vue中keep-alive组件的深入理解
Aug 23 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
使用Discuz关键词服务器实现PHP中文分词
2014/03/11 PHP
php实现文件下载实例分享
2014/06/02 PHP
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
PHP对象、模式与实践之高级特性分析
2016/12/08 PHP
详谈phpAdmin修改密码后拒绝访问的问题
2017/04/03 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
Javascript操纵Cookie实现购物车程序
2006/11/23 Javascript
JavaScript下申明对象的几种方法小结
2008/10/02 Javascript
js跑步算法的实现代码
2013/12/04 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
javascript实现仿腾讯游戏选择
2015/05/14 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
javascript的几种写法总结
2016/09/30 Javascript
原生js实现手风琴功能(支持横纵向调用)
2017/01/13 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
2017/07/31 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
2019/05/06 Javascript
vue-router结合vuex实现用户权限控制功能
2019/11/14 Javascript
python基础教程之面向对象的一些概念
2014/08/29 Python
深入理解python函数递归和生成器
2016/06/06 Python
Python补齐字符串长度的实例
2018/11/15 Python
python实现滑雪者小游戏
2020/02/22 Python
英国户外装备和冒险服装零售商:alloutdoor
2018/01/30 全球购物
毕业设计计划书
2014/01/09 职场文书
共产党员公开承诺书
2014/03/25 职场文书
供货协议书范本
2014/04/22 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
婚庆公司开业主持词
2015/06/30 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
uwsgi+nginx代理Django无法访问静态资源的解决
2021/05/10 Servers
Python进度条的使用
2021/05/17 Python
详解Python内置模块Collections
2022/03/22 Python