form表單：

當(dāng)點(diǎn)擊 <form/> 表單中 formType 為 submit 的 <button/> 組件時，會將表單組件中的 value 值進(jìn)行提交，需要在表單組件中加上 name 來作為 key。

bindtap 用戶點(diǎn)擊時觸發(fā)

bindchange 用戶輸入完成時觸發(fā)（建議要輸入中文的input采用這個點(diǎn)擊事件）

判斷兩次密碼不一致用 !== 相比較 例如：if(that.data.password !== that.data.password_confirmation){ }

1. <form bindsubmit="loginTap">
2. <view class="section">
3. <input placeholder="輸入手機(jī)號" maxlength="11" placeholder-style="color:#fff" name="phone" bindtap="phone"/> //placeholder-style 設(shè)置樣式
4. </view> //hover-class="none" 設(shè)置按鈕按下的樣式及狀態(tài)
5. <button hover-class="other-button-hover" form-type="submit" bindtap="phoneBtn"> 登錄 </button>
6. </form>

1. Page({
2. data: loginData,
3. loginTap: function (e) {
4. var that = this //這句很重要
5. var loginData = e.detail.value //獲取表單里所有key的值
6. wx.request({
7. method: 'POST',
8. url: 'https://....', //小程序只能采用https
9. data: loginData, //請求的數(shù)據(jù)
10. header: {'content-type': 'application/json'},
11. success: function (res) {
12. var tokend = res.data.token; //獲取后臺token
13. wx.setStorageSync('tokend', tokend) //存儲token
14. if (res.code == 200) {
15. wx.switchTab({ //跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 tabBar 頁面,路徑后不能帶參數(shù)（需在 app.json 的 tabBar 字段定義的頁面）
16. url: '../index/index',
17. })
18. }if (res.code == 400) {
19. wx.showToast({ //消息提示框，默認(rèn)只能success，loading兩種形式，可引進(jìn)圖片方式
20. title: '手機(jī)號碼不正確',
21. image: '../Image/error.png',
22. duration: 2000
23. })
24. }
25. },
26. })
27. }
28. })

也可以就單獨(dú)獲取每個input的值

1. Page({
2. data:{
3. phone:''
4. },
5. phone:function(e){ //獲取input值
6. var that = this;
7. that.setData({
8. phone: e.detail.value
9. })
10. },
11. phoneBtn: function (e) {
12. var that = this;
13. wx.request({
14. url: 'https://....',
15. method: 'GET',
16. header: { 'content-type': 'application/json' },
17. data: {
18. 'phone': that.data.phone //請求的數(shù)據(jù)
19. },
20. success: function (res) {}
21. })
22. },
23. })