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 相关文章推荐
extjs DataReader、JsonReader、XmlReader的构造方法
Nov 07 Javascript
asp.net下利用js实现返回上一页的实现方法小集
Nov 24 Javascript
Array.prototype 的泛型应用分析
Apr 30 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
Jan 14 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
Oct 22 Javascript
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
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防注入安全代码
2008/04/09 PHP
PHP5+UTF8多文件上传类
2008/10/17 PHP
php实现图片缩略图的方法
2016/03/29 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
PHP命名空间namespace的定义方法详解
2017/03/29 PHP
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
延时加载JavaScript代码提高速度
2015/12/27 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
js 中获取制定的cook信息实现方法
2016/11/19 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
Angular中ng-options下拉数据默认值的设定方法
2017/06/21 Javascript
React 高阶组件入门介绍
2018/01/11 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
jQuery niceScroll滚动条错位问题的解决方法
2018/02/03 jQuery
ES6箭头函数和扩展实例分析
2020/05/23 Javascript
js实现飞机大战小游戏
2020/08/26 Javascript
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
python排序方法实例分析
2015/04/30 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
pandas参数设置的实用小技巧
2020/08/23 Python
详解使用Python写一个向数据库填充数据的小工具(推荐)
2020/09/11 Python
英国游戏机和游戏购物网站:365games.co.uk
2018/06/18 全球购物
Made in Design意大利:现代家具、名家灯具和装饰
2020/10/27 全球购物
小饰品店的创业计划书范文
2013/12/28 职场文书
珍珠鸟教学反思
2014/02/01 职场文书
元旦获奖感言
2014/03/08 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
社区平安建设方案
2014/05/25 职场文书
升学宴演讲稿
2014/09/01 职场文书
2014国庆节商场促销活动策划方案
2014/09/16 职场文书
西安兵马俑导游词
2015/02/02 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
2015年扶贫帮困工作总结
2015/05/20 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书