宣传网站建设实践报告,找培训班一般在什么平台,淘客联盟如何做网站推广,wordpress 音乐 插件怎么用表单填写提交是很常用的步骤#xff1b; 原理#xff1a; 1. 给所有的输入框#xff0c;选择框添加同一个点击事件#xff1b; 2. 给每个输入框添加 data-key’’ 专属属性 3. 输入框可直接获取输入的内容#xff0c;将输入的内容赋值给空数组即可 4. 特殊表单做特殊处理 原理 1. 给所有的输入框选择框添加同一个点击事件 2. 给每个输入框添加 data-key’’ 专属属性 3. 输入框可直接获取输入的内容将输入的内容赋值给空数组即可 4. 特殊表单做特殊处理具体步骤视情况而定 5. 编不下去了看代码吧
!-- 表单 --
view classiptWarpview classflex_y_center borderview classipt_key真实姓名/viewinput classflex_1 placeholder请输入真实姓名 bindinputbindinput value data-keyname/input/viewview classflex_y_center borderview classipt_key电话号码/viewinput classflex_1 placeholder请输入您的联系方式 typenumber bindinputbindinput value data-keytel/input/viewview classflex_y_center borderview classipt_key微信号/viewinput classflex_1 placeholder请输入微信号 bindinputbindinput value data-keyweChat/input/viewview classflex_y_center borderview classipt_key性别/viewpicker classflex_1 modeselector bindchangebindinput data-keysex value{{sexIndex}} range{{sex}}view classc_gray wx:if{{sexHidden}}请选择性别/viewview wx:else{{sex[sexIndex]}}/view/picker/viewview classflex_y_center borderview classipt_key常驻地址/viewpicker classflex_1 moderegion bindchangebindinput data-keycity value{{region}} view classc_gray wx:if{{cityHidden}}请选择城市/viewview wx:else{{region[0]}} - {{region[1]}} - {{region[2]}}/view/picker/viewview classflex_y_center borderview classipt_key粉丝量/viewinput classflex_1 placeholder请输入您的粉丝量 typenumber bindinputbindinput value data-keypeople/input/viewbutton hover-classnone classsubmit catchtapsubmit提交申请/button
/viewjs
Page({/*** 页面的初始数据*/data: {sex:[男,女],sexIndex:0,sexHidden: true,cityHidden: true,region:,ipt:{name:,tel:,weChat:,sex:,city:,people:}},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},bindinput: function (e) {let that thislet sexIndex that.data.sexIndexlet sexHidden that.data.sexHiddenlet region that.data.regionlet cityHidden that.data.cityHiddenlet ipt that.data.iptlet key_ e.currentTarget.dataset.keylet value e.detail.valueipt[key_] valueif (key_ sex){sexIndex valuesexHidden false}if (sexIndex 0) {ipt.sex 男}else{ipt.sex 女}if (key_ city) {region valuecityHidden false}// console.log(ipt)that.setData({sexIndex: sexIndex,sexHidden: sexHidden,region: region,cityHidden: cityHidden})},submit: function () {let that thislet ipt that.data.iptif(ipt.name ){wx.showToast({title: 请输入姓名,icon:none})} else if (ipt.tel ){wx.showToast({title: 请输入电话号码,icon: none})} else if (ipt.weChat ) {wx.showToast({title: 请输入微信号,icon: none})} else if (ipt.sex ) {wx.showToast({title: 请选择性别,icon: none})} else if (ipt.city ) {wx.showToast({title: 请选择常驻地址,icon: none})} else if (ipt.people ) {wx.showToast({title: 请输入粉丝量,icon: none})} else {// 此处提交数据console.log(ipt)}}
})
