微信小程序使用form表单获取输入框数据的实例代码

2020-03-21 16:25:33

字体：大中小

来源：转载

供稿：网友

本文讲述了微信小程序使用form表单获取输入框数据的实例代码。分享给大家供大家参考，具体如下：

1、效果展示

微信小程序,form表单,输入框

2、关键代码

index.wxml

用户名： 密码： 登录 重置 {{tip}}{{userName}}{{psw}}

index.js

Page({  data:{  // text:"这是一个页面"  tip:'',  userName:'',  psw:''  },  formBindsubmit:function(e){  if(e.detail.value.userName.length==0||e.detail.value.psw.length==0){  this.setData({  tip:'提示：用户名和密码不能为空！',  userName:'',  psw:''  })  }else{  this.setData({  tip:'',  userName:'用户名：'+e.detail.value.userName,  psw:'密码：'+e.detail.value.psw  })  }  },  formReset:function(){  this.setData({  tip:'',  userName:'',  psw:''  })  } })

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对VEVB武林网的支持。

上一篇：代码实现简单的生成随机验证码小程序

下一篇：微信小程序开发如何实现在线支付功能？