百度小程序-form表單點擊提交,input框內容不會清空

百度小程序與微信小程序相似度90%。微信小程序轉換為百度小程序，部分還是需要人工修改！

做了一個form留言表單，點擊提交之后，input框第一次會清空，但是第二次就不會清空了！

不多說直接上代碼！

.swan文件

<view class="page">
    <form bindreset="formReset">
        <view class="weui-cells__title">基本信息</view>
        <view class="weui-cells weui-cells_after-title">
            <view class="weui-cell weui-cell_input">
                <view class="weui-cell__hd">
                    <view class="weui-label">姓名：</view>
                </view>
                <view class="weui-cell__bd">
                    <input name="name" class="weui-input" placeholder="請輸入你的姓名" type="text" bindinput="getName" />
                </view>
            </view>
            <view class="weui-cell weui-cell_input">
                <view class="weui-cell__hd">
                    <view class="weui-label">電話：</view>
                </view>
                <view class="weui-cell__bd">
<input name="contact" maxlength="11" class="weui-input" placeholder="請輸入聯系電話" type="number" bindinput="getNumber" />
                </view>
            </view>
            <view class="weui-cell weui-cell_input">
                <view class="weui-cell__hd">
                    <view class="weui-label">郵箱：</view>
                </view>
                <view class="weui-cell__bd">
                    <input name="email" class="weui-input" placeholder="請輸入電子郵箱" type="text" bindinput="getEmail"  />
                </view>
            </view>
            <view class="weui-cell weui-cell_input">
                <view class="weui-cell__hd">
                    <view class="weui-label">地址：</view>
                </view>
                <view class="weui-cell__bd">
<input name="addr" class="weui-input" placeholder="請輸入地址信息" type="text" bindinput="getAddress" />
                </view>
            </view>
        </view>
        <view class="weui-cells__title">留言內容</view>
        <view class="weui-cells weui-cells_after-title">
            <view class="weui-cell">
                <view class="weui-cell__bd">
<textarea name="message" class="weui-textarea"  placeholder="請輸入留言內容" style="min-height: 3.3em" bindinput="getMessage" />
                </view>
            </view>
        </view>
        <view class="weui-btn-area">
            <button class="weui-btn" type="primary" disabled="{{falg}}" style="background:#3CA700" form-type="reset">提交</button>
        </view>
</view>
</form>
<!-- 底部版權 S-->
<copyright></copyright>
<!-- 底部版權 E-->
</view>

.js文件

const app = getApp();
Page({
    data: {
        formDataList: { userName: "", mobileNumber: "", Email: "", Address: "", Message: "" },
        falg: true,
    },
    onLoad: function () {
        // 監聽頁面加載的生命周期函數
    },
    onReady: function () {
        // 監聽頁面初次渲染完成的生命周期函數
    },
    onShow: function () {
        // 監聽頁面顯示的生命周期函數
        app.setInfo();
    },
    onHide: function () {
        // 監聽頁面隱藏的生命周期函數
    },
    onUnload: function () {
        // 監聽頁面卸載的生命周期函數
    },
    onPullDownRefresh: function () {
        // 監聽用戶下拉動作
    },
    onReachBottom: function () {
        // 頁面上拉觸底事件的處理函數
    },
    onShareAppMessage: function () {
        // 用戶點擊右上角轉發
    },
    getName: function (e) {
        // console.log(e);
        this.setData({
            'formDataList.userName': e.detail.value,
        });
        this.falg();

    },
    getNumber: function (e) {
        // console.log(e);
        this.setData({
            'formDataList.mobileNumber': e.detail.value,

        })
        this.falg();
    },
    getEmail: function (e) {
        // console.log(e);
        this.setData({
            'formDataList.Email': e.detail.value,
        })
    },
    getAddress: function (e) {
        // console.log(e);
        this.setData({
            'formDataList.Address': e.detail.value,
        })
    },
    getMessage: function (e) {
        // console.log(e);
        this.setData({
            'formDataList.Message': e.detail.value,
        })
    },
    formReset: function (e) {
        var that = this;
        // console.log(this.data.formDataList)
        // console.log('哦豁，form表單被reset了');
        swan.request({
            url: app.globalData.baseUrl + 'Index/Message',
            method: 'get',
            data: {
                name: that.data.formDataList.userName,
                contact: that.data.formDataList.mobileNumber,
                email: that.data.formDataList.Email,
                message: that.data.formDataList.Message,
                addr: that.data.formDataList.Address
            },
            header: {
                genToken: app.globalData.genToken
            },
            success: function (res) {
                if (res.data.status = 1) {//留言成功
                    swan.showToast({
                        title: '留言成功',
                        icon: 'success',
                        duration: 1000,
                    });
                }
            },
            fail: function (err) {
                swan.showToast({
                    title: '失敗咯！',
                    duration: 1000,
                });
            },
            complete: function (res) {
                that.setData({
                    falg: true
                });
            }
        });
    },
    falg: function () {
        var name = this.data.formDataList.userName;
        var number = this.data.formDataList.mobileNumber;
        if (name && number) {
            this.setData({
                falg: false
            })
        } else {
            this.setData({
                falg: true
            })
        }
    }

});

利用input輸入框監聽事件，獲取到輸入的內容，存儲起來，同時button按鈕，這里是reset，清空表單內容的同時，存儲起來數據並且發送數據到后台！

falg 為按鈕開關狀態控制器，防止惡意點擊提交空數據！