JS获取form表单所有属性值

// 得到一个表单里的全部信息
function getFormQueryString() {
 var frmID=document.forms[0];
 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;
}

jsp页面调用

var data = getFormQueryString();
    debugger;
    var dStart = data.substring(data.indexOf("&")+1 ,data.length);
    var dEnd = dStart.substring(0, dStart.indexOf("&upFormFile1"));
       data = dEnd + "&encoding=utf-8&flag=no";

时间: 2024-10-12 21:15:33

JS获取form表单所有属性值的相关文章

微信小程序--获取form表单初始值提交数据

<form bindsubmit="formSubmit"> <view class="txt"> <view class="ima"></view> <view class="txt2">姓名</view> <input placeholder="请输入姓名" maxlength="10" class=&qu

js获取form表单所有数据

<script type="text/javascript"> //获取指定form中的所有的<input>对象 function getElements(formId) { var form = document.getElementById(formId); var elements = new Array(); var tagElements = form.getElementsByTagName('input'); for (var j = 0; j &

获取form表单元素值的4种方式

<html><head><title></title><script type="text/javascript"> function checkForm(){ var name=document.form1.number.value; //or form1.number.value var name=document.forms[0].number.value; var name=document.forms[0]['num

js获取form表单数据和form表单赋值

$.fn.extend({// 调用方式:$("xxxxx").getform(); getform: function () { var obj = {}; var array = $(this).serializeArray(); $.each(array, function () { obj[this.name] = this.value; }); return obj; }, // 调用方式: $("xxx").setform(json); setform:

serialize可以获取form表单里面的数值

serialize属性 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="../jquery-1.12.2.js"></script> 7 </head> 8 <

原生js实现form表单序列化

大家都知道在jquery中有相应的表单序列化的方法: 1.serialize()方法 格式:var data = $("form").serialize(); 功能:将表单内容序列化成一个字符串. 这样在ajax提交表单数据时,就不用一一列举出每一个参数.只需将data参数设置为 $("form").serialize() 即可. 2.serializeArray()方法 格式:var jsonData = $("form").serialize

ubuntu 下CGI c语言 获取form表单的数据

前面文章:使用cgi c 写了一个helloworld 这次 主要使用CGI c语言 获取form表单的数据 1 login.c [email protected]:/usr/lib/cgi-bin$ cat login.c #include<stdio.h> #include<stdlib.h> #include <string.h> int main(){ int i,len=0; char poststr[100]; char m[10],n[10]; char

关于Artdialog插件中获取内部表单元素值的使用心得

在开发中既需要artdialog插件的美观大方,又需要自定义功能,所以就出现了以下情况(废话不多说,转入正题) 前台代码: 1 <input type="button" class="ontest" value="免费询盘"/> 2 <div style="display:none;clear:both;"> 3 <table> 4 <tr> 5 <td>姓名:<

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param {object} 参数对象 * url 必填 提交地址 * methond 选填 默认post 提交方式 post get * target 选填 默认_self 当前页面还是新页面 _self _blank * 其它参数 */ function jsFormSubmit(params) { var turnForm = document.createElement("form"); //一定要