`

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属性的方法

    需要注意的是,表单的action属性是可以动态改变的,开发者可以通过JavaScript动态地修改表单的action属性,以改变数据提交的目标地址。 例如,如果我们想根据用户的某些操作更改表单提交的目标地址,可以编写如下...

    使用JavaScript 完成表单的自动计算

    当我们需要在表单中实现数据的实时计算时,JavaScript就显得尤为关键。本篇将深入探讨如何利用JavaScript完成表单的自动计算,以提高用户体验并简化前端逻辑。 一、基本概念 1. JavaScript:JavaScript是一种解释...

    向数据库里导入表单数据

    3. **编程接口**:使用SQL Server的API,如ADO.NET、ODBC或JDBC,编写程序来读取表单数据并插入数据库。这种方法灵活度高,适用于自动化导入。 4. **Power Query / Power BI**:这些Microsoft工具可以连接到各种...

    js操作word打印

    可以使用JavaScript读取表单数据,然后创建Word文档模板,填充数据。例如,可以使用`jsdocx`库来创建和填充Word模板: ```javascript var jsdocx = require('jsdocx'); // 获取表单数据 var formData = ...

    html对应的文件中 将form 表单数据 转化为json 格式

    接下来,我们需要在JavaScript中获取表单数据并将其转换为JSON。jQuery提供了一个方便的插件,叫做`serializeJSON`,它能够将表单数据序列化为JSON对象。首先,确保在项目中引入了jQuery库和`serializeJSON.js`插件...

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    在JavaScript中,可以使用`document.getElementById()`、`document.getElementsByName()`等方法获取表单元素,然后通过这些元素的属性来读取或修改它们的值。例如,检查邮箱是否为空或格式是否正确,可以通过`value`...

    常用表单数据验证JS

    "常用表单数据验证JS"这个压缩包很可能是包含了一系列JavaScript函数和库,用于实现各种常见的表单验证功能。以下是一些关于表单数据验证的基本概念和常用方法: 1. **基本概念**: - **数据验证**:是指在用户...

    巧用JavaScript创建智能表单效果

    接下来,在目标页面(`mypage2.htm`)中,可以通过JavaScript读取URL中的查询参数并填充到相应的表单字段中。 ```javascript function getParameterByName(name, url) { if (!url) url = window.location.href; ...

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

    在JavaScript(简称js)开发中,经常需要处理各种数据,并将其展示在用户界面上,例如生成表格。在本场景中,我们关注的是如何利用js从本地的JSON数据文档中读取信息,然后根据数据结构动态生成列数不固定的表格。这...

    从数据库中读取数据(AJAX版本)

    GET请求的参数可以附加到URL上,而POST请求则通常用于提交表单数据。 接下来,我们关注数据传输格式。尽管AJAX的名称包含XML,但实际应用中JSON(JavaScript Object Notation)更常见,因为它更轻量级且易于解析。...

    基于JavaScript和DOM的动态表单设计及数据提交.pdf

    "基于JavaScript和DOM的动态表单设计及数据提交" 本文讨论了基于JavaScript和DOM的动态表单设计及数据提交的技术。该技术通过对表格树型结构的分析,利用DOM技术实现了一种可动态添加和删除表格的表单。该技术给出...

    JavaScript案例-js表单验证

    2. **获取输入**:使用JavaScript从表单字段中获取用户输入的数据。 3. **验证数据**:编写函数检查数据是否符合预设规则。这可能包括正则表达式匹配、长度检查、数据类型验证等。 4. **提供反馈**:如果验证失败,...

    导入Excel读取数据的小例子

    本示例"导入Excel读取数据的小例子"展示了如何在Java Web环境中实现这个功能。 首先,我们需要理解的是文件上传的概念。在Web应用中,文件上传允许用户从本地计算机选择文件并将其发送到服务器进行处理。这通常涉及...

    使用AJAX上传文件及表单数据

    这篇博客“使用AJAX上传文件及表单数据”主要讲解了如何利用AJAX实现文件和表单数据的异步提交,提高用户体验。下面我们将详细探讨这一主题。 首先,AJAX的核心是XMLHttpRequest对象,它提供了一种在后台与服务器...

    JavaScript的经典表单验证

    "JavaScript的经典表单验证"是一个主题,旨在帮助初学者理解和掌握如何使用JavaScript进行有效的表单数据验证。表单验证是确保用户输入的数据符合预期格式和规则的关键步骤,它可以提升用户体验,减少服务器端的压力...

    JavaScript 验证表单

    本文将深入探讨如何使用JavaScript来实现表单验证,确保用户输入的数据符合预设的规则。我们将关注以下几个关键知识点: 1. **事件监听**: JavaScript允许我们监听用户的操作,如鼠标离开一个元素(`onmouseout`...

    表单自动验证 javascript

    在网页开发中,表单是收集用户数据的重要手段,而表单验证则是确保这些数据有效性和安全性的关键步骤。JavaScript 作为客户端脚本语言,它允许我们实现动态、实时的表单验证,无需等待服务器响应,提高用户体验。...

    lotus domino AJAX 读取数据

    Lotus Domino AJAX 读取数据涉及前端开发中的Ajax技术,主要使用JavaScript和ECMAScript来实现与服务器端的异步通信。Lotus Domino是一个企业级的协作平台,它提供了多种方式来存储和处理数据,包括文档数据库...

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

    本项目结合了这两者,实现了一个简单的投票应用,旨在帮助学习者理解如何处理用户交互、表单验证以及动态数据的读取与存储。 首先,JavaScript在网页中的主要任务是增强用户体验,进行实时的前端验证。在...

    一款基于JavaScript实现的多附件上传表单添加类库源码及例子程序

    本资源提供了一款基于JavaScript实现的多附件上传表单添加类库的源码和示例程序,这对于开发者来说是一个很好的学习和实践工具。 首先,让我们深入理解JavaScript在多附件上传中的作用。JavaScript是一种客户端脚本...

Global site tag (gtag.js) - Google Analytics