当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

javascript读取表单数据

发表于: 2013-03-12   作者:bijian1013   来源:转载   浏览:
摘要: 利用javascript读取表单数据,可以利用以下三种方法获取: 1、通过表单ID属性:var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性:var b = document.getElementsByName("name"); 3、直接通过表单名字获取:var c = form.content.

利用javascript读取表单数据,可以利用以下三种方法获取:

1、通过表单ID属性:var a = document.getElementByIdx_x_x("id");

2、通过表单名称属性:var b = document.getElementsByName("name");

3、直接通过表单名字获取:var c = form.content.value;

而通常的表单验证方法则非常简单;在表单里加上一句:onsubmit="return check(this);" ,然后在js里写上这样的一个check函数就可以了。

 

实例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>获取表单数据</title>
</head>

<body onLoad="loadForm()">
 <form name="add" method="post" onSubmit="return check(this);" action="">
  <input name="title" id="t1" type="text" size="50" maxlength="100"/>
  <input type="submit" name="s" value="我要发布"/>
 </form>
</body>
</html>

<!--##JS表单验证函数开始##-->
<script language="JavaScript">
//js验证表单
function check(it){
 var a=it.title.value;
 //var a = document.add.title.value;
 //var a = document.add.t1.value;
 //var a = document.getElementByIdx_x("t1").value;
 if(a.length<5){
  alert("提示:标题长度不能小于5!");
  copyok(it);
  document.add.title.focus(); //聚焦[提交表单后,会重新加载页面,聚焦没什么作用]
 }
}

//复制表单内容到剪贴板
function copyok(it){
 var a=it.title.value;
 window.clipboardData.setData('Text',a); //复制到剪贴板
 //alert("提示:内容已经复制到剪贴板!\n\n如果提交失败,可以直接粘贴!");
}

//自动装载,可从剪贴板获得复制的值
function loadForm() {
 var titleInitValue = window.clipboardData.getData('Text');
 //alert(titleInitValue);
}
</script>

 

javascript读取表单数据

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
功能很简单,这里使用了jQuery的方法,因此依赖于jQuery。 如果存在多项name相同的表单对象,会使用
服务端向客户端返回了一串JSON格式的数据。在有些时候,因为某些特殊的原因我们不知道原始的key值,
介绍一下表单验证,不错哦: 如图 CSS代码 @charset "gb2312"; /* CSS Document */ body,dl,dt,dd,d
1、概述 2、String对象 样例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPa
在CSDN下了个JavaScript的源码包,也不知道是哪本书的,例子非常好。今天闲着没事,就照着那个源码
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorP
JavaScript组成:ECMAScript,描述了该语言的语法和基本对象。文档对象模型(DOM),描述处理网页内
一、表单数据的提交方式选择 常用的与服务器进行的交互方式是GET和POST(关于两者的区别此处有详细
一、表单数据的提交方式选择 常用的与服务器进行的交互方式是GET和POST(关于两者的区别此处有详细
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号