- 浏览: 58794 次
- 性别:
- 来自: 重庆
文章分类
最新评论
做ajax提交懒得组合字符串,在网上找有没自动获取表单方法,找到这个,凑合着用,把原地址贴出来,虽然貌似也是转的,自己加了个获取select为multiple取值的方法。
通过JS函数自动获取表单元素值的方法(转)
通过JS函数自动获取表单元素值的方法(转)
function getFormQueryString(frmID){ //frmID为formID var frmID=document.getElementById(frmID); var queryString = "", and = ""; var item; var itemValue; for(var i=0;i<frmID.length;i++ ){ item = frmID[i]; if ( item.name!='' ){ if ( item.type == 'select-one' ){ itemValue = item.options[item.selectedIndex].value; }else if(item.type == 'select-multiple'){ for(var j=0;j<item.length;j++){ if(item.options[j].selected==true){ itemValue=item.options[j].value; itemValue = escape(itemValue); queryString += and + item.name + '=' + itemValue; and="&"; } } }else if ( item.type=='checkbox' || item.type=='radio'){ if ( item.checked == false ){ continue; } itemValue = item.value; }else if ( item.type == 'button' || item.type == 'submit' || item.type == 'reset' || item.type == 'image'){ continue; }else{ itemValue = item.value; } if(item.type != 'select-multiple'){ itemValue = escape(itemValue); queryString += and + item.name + '=' + itemValue; and="&"; } } } return queryString; } //jquery有一个序列化,获取所有值 $("form").serialize(); //转换为json数据 $("form").serializeArray(); //分解json数据 $.param(json)
发表评论
-
js this
2013-10-24 16:06 563js里this是指向的调用的引用对象 function t ... -
JS作用域
2013-10-24 14:11 558首先js是没有块级作用 ... -
JS变量随便写写
2013-10-21 11:54 792一般来说js全局变量分 ... -
js ++ --
2013-10-18 15:57 586前置++和--是马上执行运算 后置++和--简单点说就是当下一 ... -
关于闭包,自己理解的
2013-10-17 14:09 803其实一直没搞懂闭包啥 ... -
连续定义方法
2013-10-16 18:07 632var newFunc={}; var strs=" ... -
with
2013-10-16 14:38 516记录下,免得又忘记了 var defaultValue={ ... -
Myeclipse的jquery插件jqueryWTP安装
2013-10-12 22:05 780下载插件 jqueryWTP1.20foCN.jar 地址: ... -
aptana3安装jquery插件的两种方式
2013-10-12 11:29 1002总结了下貌似现在只有两种,其实都是用的同一个jquery开发插 ... -
jQuery的.bind()、.live()和.delegate()之间区别
2013-10-11 14:59 593原文:The Difference Between ... -
jquery小东西记录(3)-选择器,通配符等
2013-08-13 11:24 6091.选择器 (1)通配符: $("input ... -
javascript小东西记录
2013-07-05 17:45 698onload几种方式 window.onload=XXXX;( ... -
jquery小东西记录(2) --jquery和dom对象转换
2013-07-05 11:37 595jQuery对象转成DOM对象: 两种转换方式将一个jQue ... -
js简单的表格操作
2013-06-21 15:43 1166好久没写表格操作全忘了,看别人的看不懂,所以只有自己写个,没有 ... -
慢慢收集javascript的使用方法
2013-06-06 11:22 703子窗体改变父窗体值 parent.document.getEl ... -
jquery小东西记录(1)
2013-05-12 23:45 790$(function(){}); $(document).r ... -
select标签的操作
2010-05-20 15:33 926功能为:添加 批量添加 删除 选定后背景变色 删除后背景色变回 ... -
主副窗口传值
2009-07-14 17:19 867主窗体 <html> <head&g ... -
javascript:无聊时写的一个自动获取json值并自动生成表格,可设置表格的列标题与要表现json值的位置
2009-07-12 14:50 2143function test(){ var file ...
相关推荐
在Ajax技术中,JS代码用于自动获取表单元素值是前端开发中常见的需求,尤其是在与服务器进行异步通信时。当表单中的元素数量不多时,我们可以使用GET请求的方式传递数据,通过URL参数的形式将表单值附加在URL之后,...
1. 获取表单元素:JavaScript可以通过`document.getElementById`, `document.querySelector`, `document.querySelectorAll`等方法获取到表单中的元素。 2. 监听事件:使用`addEventListener`方法可以监听表单元素上...
我们的目标是编写一个JavaScript函数,该函数能够接收单选按钮组的`name`属性作为参数,并返回当前选中的单选按钮的值。如果没有任何单选按钮被选中,则返回空字符串或其他表示未选中的标志。 #### 示例代码分析 ...
2. **动态内容展示**:利用JS,可以根据用户的选择或操作,动态地显示或隐藏表单元素,提供更友好的交互体验。例如,当用户选择某个选项时,可以自动显示或隐藏相关的输入框。 3. **事件处理**:JS可以监听表单的...
1. 动态生成:通过解析XML文档,动态生成HTML表单元素,根据XML中的数据填充表单字段。 2. 事件驱动:利用JavaScript或jQuery监听用户操作,当满足特定条件时,自动从XML数据中获取并填充表单。 3. 数据验证:在表单...
### JavaScript 获取 Table 行列值的方法 在网页开发过程中,我们经常会遇到需要处理表格数据的情况。HTML 中的 `<table>` 元素是用来显示表格数据的标准方式之一,而使用 JavaScript 来操作这些表格中的数据则非常...
// 获取表单元素,替换'yourFormId'为你的表单ID if (form) { form.submit(); // 提交表单 } else { console.error('未能找到表单元素'); } } ``` 3. **防止提前提交**:为了防止用户提前点击提交按钮,...
这意味着开发者可以在表单元素上直接添加特定的属性或类,框架会自动识别这些标记并执行相应的验证操作。这种设计遵循了数据驱动和声明式编程的理念,使代码更加简洁,降低了理解和修改的成本。 在压缩包中的"JS...
5. **获取表单元素**:`document.getElementById("id")` 可以获取具有特定ID的表单元素,然后通过 `.name` 或 `.value` 获取其名称或值。 6. **大小写转换**:将小写字符串转换为大写可以使用 `.toUpperCase()`,...
#### 一、表单元素与事件触发机制 在HTML表单中,可以通过`<form>`标签来创建一个表单。此表单可以包含多种类型的输入字段,如文本框(`<input type="text">`)、密码框(`<input type="password">`)等。为了实现表单...
这篇博客"常用表单验证脚本函数"主要探讨了JavaScript中用于表单验证的一些关键函数和方法。通过学习这些函数,开发者可以创建更加健壮和用户友好的表单。 1. **required属性**:这是HTML5引入的一个特性,可以在...
在IT领域,网页遍历和元素获取是一项基本的技能,特别是在网页自动化、数据抓取以及网络编程中。本文将深入探讨如何使用编程语言,如C++(以VC2008为例),来实现这一功能,同时结合表单的填写操作。 首先,我们...
我们可以获取特定的表单元素,读取或修改其值,甚至监听其事件。 3. 事件:表单验证往往涉及用户交互,如 `onsubmit`(表单提交时触发)、`onchange`(输入值改变时触发)和 `onfocusout`(元素失去焦点时触发)等...
以下是一个简单的JavaScript函数,用于获取当前的日期和时间,并将其设置到文本框中: ```javascript function updateCurrentTime() { var currentTime = new Date(); var formattedTime = currentTime....
函数内部首先通过`document.getElementById(str)`获取到指定ID的DOM元素,并读取其当前的值。接下来,使用`while`循环检查字符串中是否包含中文逗号(全角逗号),如果有,则使用`replace`方法将其替换为英文逗号...
然后,我们可以编写一个JavaScript函数,通过AJAX向服务器发送一个GET请求,请求中可能包含一个特定的URL,该URL负责生成验证码。例如: ```javascript function getVerificationCode() { var xhr = new ...
本文将深入探讨如何使用jQuery的Ajax方法快速提交整个表单元素,包括涉及的关键知识点和代码示例。 首先,让我们了解jQuery的`serialize()`函数。这个函数能够将表单中的所有可序列化元素(如input、textarea、...
1. 获取表单元素:使用`document.getElementById()`或`querySelector()`等方法。 2. 监听`onsubmit`事件:在表单提交时执行校验函数。 3. 实现校验函数:遍历每个需要校验的表单元素,调用`checkValidity()`,并处理...
- 所有表单字段非空验证:遍历表单元素,检查每个字段是否有值。 - 多行文本框非空验证:同上,针对多行文本框。 - 多行文本框长度限制:检查文本长度是否在sMaxStrleng和sMixStrleng之间。 - 单选框选择验证:...
当涉及到表单元素(如输入框、文本区域等)时,我们需要设置或获取的是元素的值。jQuery的`val()`方法为此而生。`$(selector).val(value)`用于设置值,`$(selector).val()`用于获取值。比如: ```javascript $('#...