小程式 提交表單清除資料功能的實現

2021-08-31 21:34:36 字數 896 閱讀 9319

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!

前言

實現方法

首先wxml**如下:

顯然我們注意到表單中沒有了submit按鈕,取而代之的是兩個reset按鈕,並且表單也只是繫結了formreset事件。這也就意味著我們將不能直接使用form表單為我們提供的submit方法中的 e.detail.value提交資料。也就是說我們為了實現提交表單後自動清除表單資料這個功能而丟失了乙個比較方便的提交資料的方法。這也算是有得有失吧。

但是,方法總是比困難要多的。

於是我們可以接下來實現手動提交表單資料的功能,這一步其實也比較簡單,主要看資料多不多復不複雜了。

下面上**:

//表單中的所有資料data:   },  getcurrentdata:function(event))     console.log(this.data)  },
從上面我們可以知道主要是實現了乙個失焦的方法(在wxml中繫結的),用於獲取表單的資料。這裡有乙個技巧,就是把屬性名放在了dataset集合中,所以我們在呼叫失焦事件時首先會獲取這個屬性名,然後將屬性值插入到資料塊中對應的屬性名裡面去,於是乙個實現乙個方法便可全部受用咯。最後,我們就可以在formreset方法中將這個資料塊傳遞給後台。

不過還是要注意的一點是在傳遞資料到後台前先對資料進行預處理!確保資料不為空且資料格式符合規定。

給我老師的人工智慧教程打call!

2017 01 11小程式form表單提交

1.小程式相對於之前的web php建站來說,個人理解為只是將 webjson 的形式返回給小程式。2.昨天寫了登入註冊 忘記密碼功能,他們實質上都是乙個表單提交操作。因此就拿註冊功能來寫這個例子。3.目錄圖 js檔案是邏輯控制,主要是它傳送請求和接收資料,json 用於此頁面區域性 配置並且覆蓋全...

小程式 中使用 form 表單提交

在最近的小程式專案中,使用到了 內嵌 h5 頁面,在 h5 中需要使用 form 表單提交資料。h5 使用的技術框架是 vue vuex,剛開始編碼如下 form表單,v model繫結資料 介面內提交表單資料 let form this.refs.setform this.id res.data....

小程式中form 表單提交和取值方法

我們直接給 input 新增 bindinput,比如 可以在 onusernameinput 中直接使用 e.detail.value,即 onusernameinput function e 但是,如果有多個輸入控制項,我們不可能為每個控制項新增 bindinput bindchange 這類方...