`

javascript读取表单数据

阅读更多

利用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获取网页表单action属性的方法

    主要介绍了JavaScript获取网页表单action属性的方法,涉及javascript操作表单属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    js读取json数据动态生成列数不固定的表格

    js读取本地json数据文档,动态生成列数不固定的表格并填充数据。

    AJAXCDR:利用 Flash 完美解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求

    最近的一个项目中,需要通过 JavaScript 提交表单数据到另一个域名下的PHP接口(因为数据较大,需要HTTP POST方式提交),并获取PHP接口的返回值,在页面无刷新、无跳转的情况下,更新div标签内的内容。  浏览器...

    javascript完全学习手册1 源码

    11.1.4 读取Cookie 309 11.1.5 删除Cookie 311 11.1.6 在客户机设置Cookie 312 11.1.7 保存用户登录状态 314 11.2 文件处理 318 11.2.1 FileSystemObject对象 319 11.2.2 Drive对象 324 11.2.3 Folder对象 327 ...

    field:当涉及表单数据操作和验证时,可以使用字段来管理数据。 与组件关联后,可以自动回写,读取和验证表单数据

    和组件关联后可以自动对表单数据进行回写、读取、校验。 使用注意 使用 Field init 过的组件, value onChange 必须放在 init 的第三个参数, 否则有可能被 init 覆盖。 Form已经和Field 在数据获取和自动校验提示方面...

    JavaScript基础教程第8版

    书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上一版的基础上新增了两章,讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法,也深入探讨...

    javascript完全学习手册2 源码

    11.1.4 读取Cookie 11.1.5 删除Cookie 11.1.6 在客户机设置Cookie 11.1.7 保存用户登录状态 11.2 文件处理 11.2.1 FileSystemObjeet对象 11.2.2 Drive对象 11.2.3 Folder对象 11.2.4 File对象 ...

    程序天下:JavaScript实例自学手册

    19.12 JavaScript读取自身文件内的XML 19.13 将XML文件绑定到table 19.14 使用JavaScript加载XML文件 19.15 动态加载JavaScript文件 19.16 防止JavaScript文件被其他站直接引用 19.17 检查机器是否安装Word 19.18 ...

    使用JS访问SQL数据库

    使用JS绕过后台Web服务器,直接访问本地数据库服务器,虽然会有些不安全,但却能够访问大数据,并且不占用带宽。

    《程序天下:JavaScript实例自学手册》光盘源码

    19.12 JavaScript读取自身文件内的XML 19.13 将XML文件绑定到table 19.14 使用JavaScript加载XML文件 19.15 动态加载JavaScript文件 19.16 防止JavaScript文件被其他站直接引用 19.17 检查机器是否安装Word 19.18 ...

    javascript的单选按钮表单验证 + jsp页面投票应用

    主页有4种语言选择 进行投票 进行数据动态读取 和插入数据。是一个简单的源码,可以作为学习参考。

    JavaScript王者归来part.1 总数2

     15.10 userData示例--一个利用userData实现客户端保存表单数据的例子   15.11 总结   第四部分 数据交互  第16章 同步和异步  16.1 什么是同步和异步   16.2 超时设定和时间间隔   16.3 定时器使用--...

    JavaScript网页特效范例宝典源码

    实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...

    JavaScript实战

    第一部分 JavaScript入门 1 第1章 编写第一个JavaScript程序 1 1.1 编程简介 1 什么是计算机程序 2 1.2 如何把JavaScript添加到页面 3 外部JavaScript文件 5 1.3 第一个JavaScript程序 7 1.4 把文本写到Web页面上 9 ...

    网络数据采集 [美]米切尔 中文版 pdf

    第6 章 读取文档 80 第二部分 高级数据采集 第7 章 数据清洗 94 第8 章 自然语言处理 103 第9 章 穿越网页表单与登录窗口进行采集 120 第10 章 采集JavaScript 128 第11 章 图像识别与文字处理 139 第...

    JavaScript完全自学宝典 源代码

    示例描述:介绍JavaScript与表单控件。 6.1.html JavaScript获取文本框的值。 6.2.html JavaScript控制文本框。 6.3.html 文本框的JavaScript特效。 6.4.html 获取select元素的值。 6.5....

    精通javascript

    • 12.13.htm 读取HTML元素内容 • 12.14.htm 修改HTML元素内容 • 12.15.htm innerText、outerText、outerHTML属性 • 12.16.htm document.all[] 第13章(\第13章) • 13.1....

    javascript实现网页中表格的行随着鼠标移动而变色,实时变色表格行

    javascript实现网页中表格的行随着鼠标移动而变色,实时变色表格行

    ejemplos-[removed]多个不需要隔离存储库JavaScript示例

    | 使用JavaScript读取条形码| | 演示版使用html2pdf从HTML生成PDF | 教程| 演示版使用JavaScript播放声音| 教程| 演示版使用JavaScript验证表单| 教程|演示版 有关JavaScript的更多信息探索我在博客上有关...

    meteor-formBuilder:生成表单并验证模式中的数据

    表单生成器 这是我的工作目录,与其说是... 每个数据类型都有一个 html 文件,其中包含用于创建、读取和更新的模板。 每个 dataType 也有一个 javascript 文件,这个文件给 FormBuilder 添加了两个方法。 FormBuilder

Global site tag (gtag.js) - Google Analytics