diff --git a/1514080901116/pages/form/form.js b/1514080901116/pages/form/form.js new file mode 100644 index 00000000..ea4aaf40 --- /dev/null +++ b/1514080901116/pages/form/form.js @@ -0,0 +1,152 @@ +// pages/form/form.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + text: '标题', + area: '内容', + count: '内容'.length + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + var that = this; + wx.getStorage({ + key: 'input', + success: function (res) { + console.log(res.data.area.length) + + that.setData({ + text: res.data.text, + area: res.data.area, + count: res.data.area.length + }) + } + }) + // 从服务器取回来 JSON + wx.request({ + url: 'https://infoaas.com/data/hzc.json', + //仅为示例,并非真实的接口地址 + data: { }, + header: { + 'content-type': 'application/json' // 默认值 + }, + success: function (res) { + console.log(res.data) + /* + that.setData({ + hasError: true, + errorText: res.data.name + ',' + res.data.teacher + ' ' + res.data.year + })*/ + } + }) + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + }, + + onSubmit : function(event) { + console.dir(event) + var that = this + var text = event.detail.value.text + if (!text) { + console.dir(text) + that.setData({ + hasError: true, + errorText: '文字不能为空!' + }) + } else { + that.setData({ + hasError: false + }) + wx.setStorage({ + key: "input", + data: event.detail.value, + success: function(res) { + wx.showToast({ + title: '成功', + icon: 'success', + duration: 2000 + }) + + } + }) + } + }, + + onTextChange: function(e) { + var that = this; + console.dir(e) + var text = e.detail.value + console.dir(text); + if (!text) { + that.setData({ + hasError: true, + errorText: '文字不能为空!' + }) + } else { + that.setData({ + hasError: false + }) + } + }, + + onChange : function(e) { + var that = this; + var value = e.detail.value; + console.dir(value) + that.setData({ + count: value.length + }) + } +}) \ No newline at end of file diff --git a/1514080901116/pages/form/form.json b/1514080901116/pages/form/form.json new file mode 100644 index 00000000..9e26dfee --- /dev/null +++ b/1514080901116/pages/form/form.json @@ -0,0 +1 @@ +{} \ No newline at end of file diff --git a/1514080901116/pages/form/form.wxml b/1514080901116/pages/form/form.wxml new file mode 100644 index 00000000..9b5cccd7 --- /dev/null +++ b/1514080901116/pages/form/form.wxml @@ -0,0 +1,37 @@ + + + + 分享你的笑点 + 表单输入 + + +
+ {{errorText}} + + 文本框 + + + + + + + + + 文本域 + + + +