微信小程序之一：动态添加view（view包含picker,input）

Page({
  /**
   * 页面的初始数据
   */
  data: {
    persionNameResult: [],
    persionTelResult: [],
    //成员名称
    persionName0: ‘‘,
    persionName1: ‘‘,
    //成员号码
    persiontel0: ‘‘,
    persiontel1: ‘‘,
    nowIdx: -1,
    array: [{
      member: ‘‘,
      memberPhone: ‘‘
    }],
    pickArray: [
      ‘爸爸‘,
      ‘妈妈‘,
      ‘老婆‘,
      ‘儿子‘,
      ‘女儿‘,
    ],
}
//动态添加view
  addItem: function(e) {
    var that = this;
    let array = {
      member: ‘‘,
      memberPhone: ‘‘
    };
    var page = that.data.page;
    if (page < 4) {
      that.setData({
        array: that.data.array.concat(array),
        page: that.data.page + 1,
      });
    } else {
      wx.showToast({
        title: ‘掌上管家：最多添加四个‘,
        icon: ‘none‘
      });
      return false;
    }
  },

  persionInput0: function(e) {
    this.setData({
      persionName0: e.detail.value
    })
  },
  persionInput1: function(e) {
    this.setData({
      persionName1: e.detail.value
    })
  },

  persiontelInput0: function(e) {
    this.setData({
      persiontel0: e.detail.value
    })
  },
  persiontelInput1: function(e) {
    this.setData({
      persiontel1: e.detail.value
    })
  },
formSubmit() {
    var that = this;
    var persionName0 = that.data.persionName0;
    var persionName1 = that.data.persionName1;
    var persiontel0 = that.data.persiontel0;
    var persiontel1 = that.data.persiontel1;
    if (persiontel0 == ‘‘ || persiontel1 == ‘‘) {}
    if (persiontel0 != ‘‘ && persionName0 == ‘‘) {
      wx.showToast({
        title: ‘掌上管家：请输入成员名称‘,
        icon: ‘none‘
      })
      return false;
    }
    if (persiontel0 == ‘‘ && persionName0 != ‘‘) {
      wx.showToast({
        title: ‘掌上管家：请输入成员号码‘,
        icon: ‘none‘
      })
      return false;
    }
    if (persiontel0 != ‘‘ && !(/^1[34578]\d{9}$/.test(persiontel0))) {
      wx.showToast({
        title: ‘掌上管家：请输入正确的成员号码‘,
        icon: "none",
        mask: true,
        duration: 2000
      })
    }
    if (persiontel1 != ‘‘ && persionName1 == ‘‘) {
      wx.showToast({
        title: ‘掌上管家：请输入成员名称‘,
        icon: ‘none‘
      })
      return false;
    }
    if (persiontel1 == ‘‘ && persionName1 != ‘‘) {
      wx.showToast({
        title: ‘掌上管家：请输入成员号码‘,
        icon: ‘none‘
      })
      return false;
    }
    if (persiontel1 != ‘‘ && !(/^1[34578]\d{9}$/.test(persiontel1))) {
      wx.showToast({
        title: ‘掌上管家：请输入正确的成员号码‘,
        icon: "none",
        mask: true,
        duration: 2000
      })
    }
 
    var persionNameResult = that.data.persionNameResult;

    persionNameResult.push(persionName0);
    persionNameResult.push(persionName1);
    //console.log(persionNameResult);
    for (var i = 0; i < persionNameResult.length; i++) {
      if (persionNameResult[i] == "" || typeof(persionNameResult[i]) == "undefined") {
        persionNameResult.splice(i, 1);
        i = i - 1;
      }
    }
    var tjpersionName = persionNameResult.join(",");
    //*********************************************** */
    var persionTelResult = that.data.persionTelResult;
    persionTelResult.push(persiontel0);
    persionTelResult.push(persiontel1);
    for (var i = 0; i < persionTelResult.length; i++) {
      if (persionTelResult[i] == "" || typeof(persionTelResult[i]) == "undefined") {
        persionTelResult.splice(i, 1);
        i = i - 1;
      }
    }
    var tjpersionTel = persionTelResult.join(",");
    wx.request({
      url: app.globalData.address + ‘url‘,
  
      header: {
        // ‘content-type‘: ‘application/json;charset=utf-8‘
        ‘content-type‘: ‘application/x-www-form-urlencoded‘
      },
      data: {
        //手机号码
        usersArray: tjpersionTel
        //昵称
        nickNamesArray: tjpersionName
      },
      method: "POST",
      success: function(res) {
        console.log(res.data);
        if (res.data.errCode == 1000) {
          wx.showToast({
            title: ‘创建成功‘,
            icon: ‘none‘
          });
          setTimeout(function() {
            wx.navigateTo({
              url: ‘url?homeId=‘ + res.data.homeId
            })
          }, 1000)
        } else {
          wx.showToast({
            title: ‘创建失败‘,
            icon: ‘loading‘,
            duration: 1200
          })
        }
      },
      fail: function() {
        wx.showToast({
          title: ‘服务器网络错误!‘,
          icon: ‘loading‘,
          duration: 1500
        })
      }
    })
  },
})