微信小程序使用form表单获取输入框数据的实例代码
2018-05-17 10:28
1126 查看
1、效果展示
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:'' }) } })
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。
您可能感兴趣的文章:
相关文章推荐
- 微信小程序例子——使用form表单获取输入框数据
- 微信小程序简单实现form表单获取输入数据功能示例
- 微信小程序input表单页面实例,redio和下拉列表获取数据
- 微信小程序服务器请求和上传数据,上传图片并展示,提交表单完整实例代码附效果图
- 微信小程序开发(6)-表单数据组件的使用(picker,form,input,button)
- 微信小程序 使用picker封装省市区三级联动实例代码
- 微信小程序 表单Form实例详解(附源码)
- 使用js获取表单form的数据
- 微信小程序获取微信运动步数的实例代码
- 一般处理程序中使用隐藏域来实现非Form表单元素上数据的改变
- 微信小程序 获取当前地理位置和经纬度实例代码
- 微信小程序使用navigateTo数据传递的实例
- 不通过getElementByName实现获取表单数据 (document.form表单的name值.input输入框的name值)
- 微信小程序:input输入框和form表单几种传值和取值方式
- jQuery表单获取和失去焦点输入框提示效果的实例代码
- PHP form表单post提交 使用var_dump($_POST)获取不到数据 可能是哪里出问题?
- 微信小程序 PHP后端form表单提交实例详解
- 天河微信小程序入门《四》:融会贯通,form表单提交数据库
- C#微信小程序服务端获取用户解密信息实例代码
- 微信小程序开发之formId使用(模板消息)、跨页面获取数据示例