`

JS获取表单中的数据

阅读更多

原文及更多内容:http://yysource.sourceforge.net/?p=106

 

// 获取表单里面的数据,返回一个json形式的对象
// 参数 form 为表单对象,filler 为字符串
// 对于表单中空值的元素,默认忽略,也可以设置填充值:filler 来填充空值
function getFormData (form, filler) {
	var data = {};
	for (var i = 0; i < form.length; ++i) {
		var name = form[i].name;
		var value = form[i].value;
		if (name.length == 0)
			continue;
		if (value.length == 0) {
			if ((typeof filler != 'string') || (filler.length == 0))
				continue;
			else
				value = filler;
		}
		var sz = "data."+name+" = '" + value + "'";
		try {
			eval(sz);
		} catch (e) {
			alert(e);
		}
	}
	return data;
}

 

0
3
分享到:
评论

相关推荐

    JavaScript获取网页表单action属性的方法

    JavaScript获取网页表单的action属性是一种常用的操作,通常用于获取表单提交时要发送到的URL地址。在Web开发中,表单是用来收集用户输入数据并将其发送到服务器的HTML元素。action属性指定了表单提交后,服务器处理...

    基于VueElementUI快速创建生成表单进行数据校验获取表单数据

    本教程将深入探讨如何利用Vue和Element UI快速创建生成表单,执行数据校验,并获取表单数据。 首先,创建一个基于Vue的项目,可以使用官方推荐的Vue CLI工具。通过运行`vue create project-name`命令,你可以快速...

    js简单获取表单中单选按钮值的方法

    本文将介绍如何使用JavaScript简单地获取表单中单选按钮的值,并涉及到表单元素的遍历与查找技巧。 首先,单选按钮在HTML中的定义通常是使用`&lt;input&gt;`标签,并将`type`属性设置为`radio`。单选按钮通常会具有相同的...

    jquery获取表单值

    在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、...

    js中获取jsp表单中radio类型的值简单实例

    特别是在涉及到表单数据处理时,如何获取特定表单元素的值是一个常见的需求。本文将通过一个简单实例,讲解如何在JavaScript中获取JSP表单中单选按钮(radio)类型的值。 首先,我们需要了解单选按钮(radio)在...

    js获取form表单

    在此示例中,我们首先通过`serializeJson()`方法获取表单数据,然后使用`$.ajax()`函数发起异步请求。其中: - **`type`**:请求类型,这里使用`POST`; - **`url`**:服务器端处理程序的URL; - **`data`**:发送的...

    微信小程序例子——使用form表单获取输入框数据

    微信小程序提供了内置的表单数据校验功能,可以通过`validateFields`和`getFieldsValue`方法来对表单字段进行校验和获取值。例如: ```javascript Page({ validate() { this.selectComponent('#myForm')....

    js获取form表单中name属性的值

    在进行Web开发时,经常需要在前端JavaScript代码中操作HTML表单元素,特别是获取表单中具有特定name属性的值。今天我们将探讨如何使用JavaScript来获取form表单中name属性的值,并且着重讲解在动态表单的情况下,当...

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    vue获取form表单的值示例

    ### Vue.js中的表单数据绑定 Vue.js提供了一种简单的方式来实现数据的双向绑定,通过使用`v-model`指令可以轻松地将表单输入和应用状态绑定在一起。在示例中,我们看到了一个使用Element-ui组件库中的`el-input`...

    android获取html表单数据

    3. 在HTML中编写获取表单数据的JavaScript函数,并调用Android的JavaScript接口。 4. 在Android端创建一个JavaScriptInterface对象,并添加相应的接收方法。 以上就是如何在Android应用中通过JavaScript相互传递...

    js获取form表单所有数据的简单方法

    定义了`getFormInfo`函数,它调用`serializeForm`函数获取表单数据,并通过`alert`函数显示出来。然后,在HTML部分定义了一个`login`表单,包含文本框、单选按钮和复选框等元素,并通过调用`getFormInfo`函数来演示...

    利用JS如何获取form表单数据

    本文将详细介绍如何利用JS获取`&lt;form&gt;`表单数据,包括各种类型的表单元素,如输入框、下拉框、单选按钮、复选框等。 首先,表单元素通常需要设置`name`属性,因为`name`属性是后端接收数据时识别字段的关键。例如:...

    通达OAV11.10版本,表单js开发

    2、向表单中,引入自定义样式和js。当前用的时layui 3、对表单中的控件,绑定事件,并同时在电脑端、OA精灵端、手机端同时生效。 4、自定义 数据请求、弹出页面、数据选择、回填数据到表单 的函数 jQuery('body...

    jsp页面js调用form表单的值的方法

    本篇文章主要介绍如何在 JSP 页面中通过 JavaScript 来获取表单元素的值,并对其进行验证,确保用户输入的信息符合特定的要求。 #### 1. 基础知识 在正式开始之前,我们需要了解几个基础概念: - **HTML 表单**:...

    Javascript_表单之间的数据传递

    如果是在一个弹出窗口中执行这段代码,则可以成功获取到父窗口中的表单数据并进行操作。 另外,当涉及到多个框架之间的数据传递时,可以通过`parent`对象来访问顶层窗口(即包含所有框架的窗口): ```javascript ...

    原生js实现获取form表单数据代码实例

    本文实例为大家分享了原生js实现获取form表单数据的具体代码,供大家参考,具体内容如下 //获取指定form中的所有的&lt;input&gt;对象 function getElements(formId) { var form = document.getElementById(formId...

    JS客户端表单验证框架

    **JS客户端表单验证框架** 是一种用于前端数据验证的高效解决方案,旨在简化开发者在HTML表单中实施验证逻辑的过程。传统的验证方式往往需要编写大量的JavaScript代码,而这套框架通过提供配置文件和特定的标签使用...

    常用表单数据验证JS

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

Global site tag (gtag.js) - Google Analytics