1. 程式人生 > >將form表單中的所有輸入框值序列化時遇到的問題

將form表單中的所有輸入框值序列化時遇到的問題

var $form = this.$modal.find('form');//獲取模態框中的表單元素

var data = $form.serializeArray(); //form中的輸入框須有name屬性,否則取不到資料。

var postData = {};
data.forEach(function(obj) {
postData[obj.name] = obj.value;//以鍵值對形式儲存表單中的資料,方便進一步操作提交的資料
});

    若將form中的某一輸入框(input select等)設定屬性disabled,則序列化時不會序列化此輸入元素,也就取不到值,所有在一些使用表單進行編輯操作時,某些欄位不允許使用者編輯,此時就要設定屬性readonly,而不能設定成disabled。

在使用表單進行一些新加使用者、裝置等操作時,某些欄位不需要,則可以使用disabled。

注意:select下拉框沒有readonly屬性,若設定為disabled則下拉框的資料無法提交。

相關推薦

form所有輸入序列遇到的問題

var $form = this.$modal.find('form');//獲取模態框中的表單元素 var data = $form.serializeArray(); //form中的輸入框須有n

forminput輸入的用法總結

9.png put wid eight orm 分享 定義 image mit 1.  <input type="text"> type類型為text,定義一個可以輸入內容文本輸入框    2.  <input type="submit" valu

自定義jquery的方法,Form的內容轉換成json

// 自定義jquery的方法,將Form表單中的內容轉換成json $.fn.serializeJson=function(){ var serializeObj={}; var array=this

HTML5password輸入的文字顯示與隱藏實現

人生苦短,道阻且艱;修行不易,且行且努力。 【專業擅長領域】:iOS開發,遊戲開發,圖形學 【擅長平臺】:iOS平臺,Unity --------------------------------------------------------- 【個人主頁】:信厚

jq form的資料轉為json

/** * 獲取提交的資料 * @param obj * @returns {{}} */m.getParameterMap = function (obj) {    var setmultivalue = function (val, name, value) {   

自定義方法form的資料轉為json

有時候我們需要將頁面的form表單的資料,進行格式化成json,比如easyui的回顯功能,那麼我們可以自己用jquery寫一個方法實現: 這裡有一個easyui的隱藏視窗,裡面有一個表單,當表單輸入查詢條件後,點選查詢,視窗關閉. 但是需要再次點開這個隱藏視

使用serializeObject()form的資料序列化成物件

在ajax中有 serializeArray()方法 可以將form表單中的資料序列化成如下的格式 [ { name: "a", value: "1" }, { name:

js獲取formname屬性的

在專案中因為動態表單無法確定標籤name屬性的值,因此需要即時獲取以便進行儲存。前端程式碼如下:<div class="control-group"> <label class="control-label">土撥鼠常挖坑</label>

微信小程式-form-獲取使用者輸入文字

微信小程式-form表單-獲取使用者輸入文字框的值 <input name='formnickname' class="textarea" placeholder="{{geren.nickname}}" value='{{geren.nickname}}' bi

jquery-獲取form所有資料列表

<script> $(function() { $('#submit').click(function() { var d = {}; var t = $('form').serializeArray(); $.each(t, function() {

如何複選的資料放入資料庫

//將要插入的資料進行處理後再插入資料庫 String[] favour=emp.getFavourite(); StringBuffer sb=new StringBuffer(); for (int i = 0; i < favour.length; i++) { sb.append(favour[

Jquery取form所有引數

表單:  <form class="" id="handle-form"> <input type="text" name="id" id="id" value=""> <input

jquery-讀取form所有資料列表

$(function() { $('#submit').click(function() { var d = {}; var t = $('form').serializeArray(); //t的值為[{name: "a1", va

bootstrap-控件——輸入input

bootstrap-表單控件——輸入框input1.運行效果如圖所示2.實現代碼如下<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Co

關於formbutton按鈕自動提交問題

courier tex w3c line 自動提交 get style href span 坑:點擊確認按鈕,form表單提交2次,發送後臺2次請求    //錯誤代碼: <Button id="btnSubmit" name="btnSubmit" cla

js: form序列

序列化 form form的序列化,即將表單中的鍵值序列化為可提交的字符串 表單 <form id="target"> <select name="age"> <option value="age1">20</opti

bootstrap input group 輸入內帶字符 加文字 符號

默認 amp 字符 orm -s 輸入框 style 輸入 code <div class="form-group" id=‘rule4‘ style=‘display:none;‘>

formget和post兩種提交方式的區別

name bsp inpu get div post input 普通 表單 一、form表單中get和post兩種提交方式的區別?   1.get提交表單中的內容在鏈接處是可見的。post不可見   2.post相比於get是安全的   3.post不收限制大小,get有

form多個button按鈕必須聲明type類型

orm 管理系 多個 分享 com 圖片 log bmi 一個 最近在做一個後臺管理系統,發現了一個小bug: 問題描述:form表單中有多個button按鈕(以下圖為例),如果第一個button不寫type屬性,那麽點擊第一個button按鈕會觸發submit事件; 解決

form的input有哪些類型

span 添加圖片 選擇 password blog radi -s -a 圖片 text:文本框password:密碼框radio:單選按鈕checkbox:復選框file:文件選擇域hidden:隱藏域button:按鈕reset:重置按鈕submit:表單提交按鈕im