`

通过JS函数自动获取表单元素值的方法(转)

阅读更多
做ajax提交懒得组合字符串,在网上找有没自动获取表单方法,找到这个,凑合着用,把原地址贴出来,虽然貌似也是转的,自己加了个获取select为multiple取值的方法。
通过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)

分享到:
评论

相关推荐

    Ajax中通过JS代码自动获取表单元素值的示例代码

    在Ajax技术中,JS代码用于自动获取表单元素值是前端开发中常见的需求,尤其是在与服务器进行异步通信时。当表单中的元素数量不多时,我们可以使用GET请求的方式传递数据,通过URL参数的形式将表单值附加在URL之后,...

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

    1. 获取表单元素:JavaScript可以通过`document.getElementById`, `document.querySelector`, `document.querySelectorAll`等方法获取到表单中的元素。 2. 监听事件:使用`addEventListener`方法可以监听表单元素上...

    javascript获得单选框的值

    我们的目标是编写一个JavaScript函数,该函数能够接收单选按钮组的`name`属性作为参数,并返回当前选中的单选按钮的值。如果没有任何单选按钮被选中,则返回空字符串或其他表示未选中的标志。 #### 示例代码分析 ...

    蓝凌系统表单JS大全(持续更新)

    2. **动态内容展示**:利用JS,可以根据用户的选择或操作,动态地显示或隐藏表单元素,提供更友好的交互体验。例如,当用户选择某个选项时,可以自动显示或隐藏相关的输入框。 3. **事件处理**:JS可以监听表单的...

    xml自动调用数据库数据填写表单

    1. 动态生成:通过解析XML文档,动态生成HTML表单元素,根据XML中的数据填充表单字段。 2. 事件驱动:利用JavaScript或jQuery监听用户操作,当满足特定条件时,自动从XML数据中获取并填充表单。 3. 数据验证:在表单...

    js获取table行 列 的值

    ### JavaScript 获取 Table 行列值的方法 在网页开发过程中,我们经常会遇到需要处理表格数据的情况。HTML 中的 `&lt;table&gt;` 元素是用来显示表格数据的标准方式之一,而使用 JavaScript 来操作这些表格中的数据则非常...

    js实现定时提交表单

    // 获取表单元素,替换'yourFormId'为你的表单ID if (form) { form.submit(); // 提交表单 } else { console.error('未能找到表单元素'); } } ``` 3. **防止提前提交**:为了防止用户提前点击提交按钮,...

    JS客户端表单验证框架

    这意味着开发者可以在表单元素上直接添加特定的属性或类,框架会自动识别这些标记并执行相应的验证操作。这种设计遵循了数据驱动和声明式编程的理念,使代码更加简洁,降低了理解和修改的成本。 在压缩包中的"JS...

    js函数大全

    5. **获取表单元素**:`document.getElementById("id")` 可以获取具有特定ID的表单元素,然后通过 `.name` 或 `.value` 获取其名称或值。 6. **大小写转换**:将小写字符串转换为大写可以使用 `.toUpperCase()`,...

    表单输入一定长度的字符然后自动提交

    #### 一、表单元素与事件触发机制 在HTML表单中,可以通过`&lt;form&gt;`标签来创建一个表单。此表单可以包含多种类型的输入字段,如文本框(`&lt;input type="text"&gt;`)、密码框(`&lt;input type="password"&gt;`)等。为了实现表单...

    常用表单验证脚本函数

    这篇博客"常用表单验证脚本函数"主要探讨了JavaScript中用于表单验证的一些关键函数和方法。通过学习这些函数,开发者可以创建更加健壮和用户友好的表单。 1. **required属性**:这是HTML5引入的一个特性,可以在...

    遍历网页获取元素

    在IT领域,网页遍历和元素获取是一项基本的技能,特别是在网页自动化、数据抓取以及网络编程中。本文将深入探讨如何使用编程语言,如C++(以VC2008为例),来实现这一功能,同时结合表单的填写操作。 首先,我们...

    表单自动验证 javascript

    我们可以获取特定的表单元素,读取或修改其值,甚至监听其事件。 3. 事件:表单验证往往涉及用户交互,如 `onsubmit`(表单提交时触发)、`onchange`(输入值改变时触发)和 `onfocusout`(元素失去焦点时触发)等...

    表单 文本框 获取系统时间代码下载

    以下是一个简单的JavaScript函数,用于获取当前的日期和时间,并将其设置到文本框中: ```javascript function updateCurrentTime() { var currentTime = new Date(); var formattedTime = currentTime....

    把表单内输入的中文逗号自动转换为英文逗号

    函数内部首先通过`document.getElementById(str)`获取到指定ID的DOM元素,并读取其当前的值。接下来,使用`while`循环检查字符串中是否包含中文逗号(全角逗号),如果有,则使用`replace`方法将其替换为英文逗号...

    javascript 利用ajax获取验证码内容和session值

    然后,我们可以编写一个JavaScript函数,通过AJAX向服务器发送一个GET请求,请求中可能包含一个特定的URL,该URL负责生成验证码。例如: ```javascript function getVerificationCode() { var xhr = new ...

    jquery ajax提交整个表单元素的快捷办法

    本文将深入探讨如何使用jQuery的Ajax方法快速提交整个表单元素,包括涉及的关键知识点和代码示例。 首先,让我们了解jQuery的`serialize()`函数。这个函数能够将表单中的所有可序列化元素(如input、textarea、...

    原生JS经典小项目-form表单校验

    1. 获取表单元素:使用`document.getElementById()`或`querySelector()`等方法。 2. 监听`onsubmit`事件:在表单提交时执行校验函数。 3. 实现校验函数:遍历每个需要校验的表单元素,调用`checkValidity()`,并处理...

    javascript 常用验证函数.doc

    - 所有表单字段非空验证:遍历表单元素,检查每个字段是否有值。 - 多行文本框非空验证:同上,针对多行文本框。 - 多行文本框长度限制:检查文本长度是否在sMaxStrleng和sMixStrleng之间。 - 单选框选择验证:...

    jquery设置和获取HTML,文本和值

    当涉及到表单元素(如输入框、文本区域等)时,我们需要设置或获取的是元素的值。jQuery的`val()`方法为此而生。`$(selector).val(value)`用于设置值,`$(selector).val()`用于获取值。比如: ```javascript $('#...

Global site tag (gtag.js) - Google Analytics