手游网站开发,企业官网营销推广,成都网站备案太慢,在线编辑图片的网站有哪些获取input有两种方法#xff1a;
第一#xff1a;bindsubmit方法 注意#xff1a; 1.使用form里面定义bindsubmit事件 2.bindsubmit事件需要配合button里面定义的formType“submit” 操作 3.设置input的name值来获取对应的数据
form bindsubmitformSubmit…获取input有两种方法
第一bindsubmit方法 注意 1.使用form里面定义bindsubmit事件 2.bindsubmit事件需要配合button里面定义的formType“submit” 操作 3.设置input的name值来获取对应的数据
form bindsubmitformSubmitinput typetext namename classcontent placeholder请输入司机姓名 /input typetext nameplateNo classcontent placeholder请输入车牌号 /button classwehx-foot-btn hover-classwehx-button_hover formTypesubmit确定/button
/form通过e.detail.value获取数据, 其中包含input的value值
formSubmit: function (e) {console.log(e.detail.value)let name data.detail.value.namelet plateNo data.detail.value.plateNo;
}第二种bindinput方法 注意 1.在input框内使用bindinput属性的方式定义事件名称 2.事件是光标移动发生数据改变数据自动获取
input typetext bindinputgetInputName namename classcontent placeholder请输入司机姓名 /通过e.detail获取数据 其中包含input的value值、光标的位置cursor
getInputName:function(e){console.log(e.detail)// 获取到input的值let name e.detail.value;// 获取到光标的位置let local e.detail.cursor;
}参考微信小程序之 获取input框输入值
form表单提交
form bindsubmitformSubmit bindresetformResetview classsection section_gapview classsection__title是否公开信息/viewswitch nameisPub //viewview classsectionview classsection__title手机号/viewinput namephone placeholder手机号 //viewview classsectionview classsection__title密码/viewinput namepwd placeholder密码 password//viewview classsection section_gapview classsection__title性别/viewradio-group namesexlabelradio value男 checked/男/labellabelradio value女 /女/label/radio-group/viewview classbtn-areabutton formTypesubmit提交/buttonbutton formTypereset重置/button/view
/form
view wx:if{{isSubmit}}{{warn ? warn : 是否公开信息isPub手机号phone密码pwd性别sex}}
/view.section{display: flex;flex-direction: row;margin: 20rpx;
}
.section view{margin-right: 20rpx;
}
.btn-area{margin: 20rpx;
}
button{margin: 10rpx 0;
}let app getApp();
Page({data: {isSubmit: false,warn: ,phone: ,pwd: ,isPub: false,sex: 男},formSubmit: function (e) {console.log(form发生了submit事件携带数据为, e.detail.value);let { phone, pwd, isPub, sex } e.detail.value;if (!phone || !pwd) {this.setData({warn: 手机号或密码为空,isSubmit: true})return;}this.setData({warn: ,isSubmit: true,phone,pwd,isPub,sex})},formReset: function () {console.log(form发生了reset事件)}
})参考微信小程序-form表单提交
注意几个点 实现过程分为以下几步 1.给 form 表单设置 bindsubmit 属性。 2.给所有 input / check等等项 设置 name 属性 (否则无法获取值) 3.给按钮设置 form-typesubmit”与第一步 form 设置的 bindsubmit 属性值 绑定 4.编写按钮触发的函数 (第一步与第三步共同绑定的
