宝哥软件园

微信小程序表示"具有…形状的“:十字形表单提交代码实例

编辑:宝哥软件园 来源:互联网 时间:2021-08-25

效果

超文本标记语言代码

表单绑定提交='表单提交'绑定重置='表单重置'视图类=' section _ _ '视图类=' section _ _ title '是否公开信息/view开关名称=' isPub '/view/view class=' section ' view class=' section _ _ title '手机号/view输入名称='电话'占位符='手机号//view view class=' section ' view class=' section _ _ title '密码/view输入名称='pwd '占位符='密码密码//视图类='section section_gap '视图类='section__title '性别/view radio-group name='sex '标签无线电值='男选中/男/标签标签无线电值='女' /女/label/radio-group/view view class=' BTN-area '按钮formType='submit '提交/button button formType='reset '重置/button/view/formview wx : if=' { { isSubmit } } ' { { warn?警告: '是否公开信息:' isPub ',手机号:"电话",密码:“pwd”,性别:' sex}}/viewcss代码。部分{ display : flex flex-direction : row;margin: 20rpx}。剖面图{右边距: 20 rpx}.BTN区域{ margin: 20rpx}按钮{ margin : 10 rpx 0;}js代码

let app=GetApp();page({ data : { issubmit : false,warn: ' ',phone: ' ',pwd: ' ',isPub: false,sex: '男},formSubmit:函数{ console.log('表单发生了使服从事件,携带数据为:' e .细节。值);让{电话、pwd、isPub、sex }=e . detail。价值;if(!电话||!pwd) { this.setData({ warn: '手机号或密码为空!isSubmit: true })返回;} this.setData({ warn: ' ',isSubmit: true,phone,pwd,isPub,sex }) },form reset : function(){ console。日志('形式发生了重置事件') }})以上所述是小编给大家介绍的微信小程序表示"具有…形状的“:十字形表单提交详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

更多资讯
游戏推荐
更多+