`
koreyoshi
  • 浏览: 237044 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS获取form表单所有属性值

 
阅读更多

function getFormQueryString(frmID)
{
var frmID=document.getElementById(frmID);
var i,queryString = "", and = "";
var item; // for each form's object
var itemValue;// store each form object's value

for( i=0;i<frmID.length;i++ ){
item = frmID[i];// get form's each object
if( item.name!='' ){
if( item.type == 'select-one' ){
itemValue = item.options[item.selectedIndex].value;
}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'){// ignore this type
continue;
}else{
itemValue = item.value;
}itemValue = encodeURIComponent(itemValue);
queryString += and + item.name + '=' + itemValue;
and="&";
}
}
return queryString;
}

分享到:
评论

相关推荐

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

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

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

    今天小编就为大家分享一篇关于js获取form表单中name属性的值,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

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

    本文主要给大家介绍的是关于利用JS获取form表单数据的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 方法如下: 1.有的时候想偷点懒,页面上有大量的表单提交数据,每次单独获取都比较...

    动态设置form表单的action属性的值的简单方法

    form表单: &lt;form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"&gt; javascript方法: [removed] function getUrl(){ $('form').attr('action','new_url'); } [removed] ...

    html form表单input使用disabled后提交不能获取表单值的解决方法

    form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法: 方法一: 使用readonly带替代disabled,即把 disabled="disabled" 修改为 readonly="readonly" 二者区别: ...

    用JS动态改变表单form里的action值属性的两种方法

    方法1: ...form id=form1 name=form1 method=post action=../news/index.asp&gt; &lt;td height=28&gt;&lt;input name=keyword type=text style=width:150px id=keyword/&gt; &lt;td height=28

    检查表单元素的值是否为空的实例代码

    form对象的elements属性也就是页面中form表单的所有元素的数组,例如,form.elements[0]表示表单第一个元素对象,form.elements[n]表示表单第n个元素对象。 3.具体实现代码 (1)新建index.jsp表单页,该页的表单...

    通用JS表单验证

    使用时请将下面的javascript代码存到一个单一的js文件中。 1、表单要求 &lt;form name="formname" onSubmit="return validateForm(this)"&gt;&lt;/form&gt; 将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀...

    vue-form-json:通过数组验证生成Vue表单

    特征从数组生成表单(formFields属性) 默认情况下,布尔玛类(可以覆盖) React灵敏倍数列上的字段const formFields = [ [ { label : 'label one' } , { label : 'label two' } ] ] 预填值const formFields = [ { ...

    jquery form 验证框架

    代码说明: 1):为了统一表单样式提示头统一加了label,如:&lt;label class="form-item-title"&gt;产品名称; 2): 如果需要让某表单为必填项这需要添加属性“required="true"”,...valid属性值目前定义了如下一些:

    微信小程序小知识点:传递参数,跳转,FORM表单

    1.关于FORM表单 &lt;form bindsubmit="formSubmit"&gt; &lt;button formType="submit"&gt;提交&lt;/button&gt; &lt;/form&gt; 表单一定要设置一个绑定函数,即 bindsubmit的属性值 formSubmit 另外一定要设置一个...

    jQuery Form表单取值的方法

    之前js取form表单的值都是一个一个的取,数量一多之后容易出错而且烦透了。感谢那些愿意分享的人。 页面定义form,并给form指定id值,里面的元素只要是需要键值对应的都赋予name属性,并且name值等于后台能识别的...

    精通javascript

    • 6.25.htm for…in语句调用属性值 第7章(\第7章) • 7.1.htm 字符串合并 • 7.2.htm 字符串合并 • 7.3.htm 字符串中使用转义字符 • 7.4.htm [removed]()与alert&#40...

    解决form中action属性后面?传递参数 获取不到的问题

    下面小编就为大家带来一篇解决form中action属性后面?传递参数 获取不到的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jquery-fillform:自动填写表单,基于输入类型

    all填写所有输入,或仅需要(基于必需的属性)- true/false 风俗 custom定义为输入类型定义您自己的值 开始时 onStart开始前 onChange 在更改每个值之前onChange 结束 onEnd 自动提交 填写后onEnd自动提交表单 ##...

    form-validator:一个轻量级的纯 JavaScript 表单验证器

    ##用法首先为需要添加验证规则的dom元素添加自定义属性rg-rule,属性值为**|**分隔开的规则名称。如果想设置错误提示可以添加**rg-msg-{ruleword}**属性,设置对应规则的提示语。rg-msg-all表示设置默认提示语,除已...

    对于Form表单reset方法的新认识

    HTML中Form表单的reset方法被用来清空用户所输入的内容,以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的,reset方法的本质是将input等输入项中的内容还原为属性value中的值,而不是“”...

    Form-Submission-Attributes-Polyfill:简单的polyfill处理旧版浏览器中的html5表单提交属性

    如果单击其中一项并具有表单提交属性,它将在提交之前将这些值应用于表单,否则将确保应用了表单默认值(从页面加载时间开始)。 如果需要进行Modernizr测试,请使用:Modernizr.addTest('documentaction','form...

Global site tag (gtag.js) - Google Analytics