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


Posted in Javascript onMay 17, 2018

本文讲述了微信小程序使用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:'' 
 }) 
 } 
})

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

Javascript 相关文章推荐
actionscript与javascript的区别
May 25 Javascript
JavaScript初学者应注意的七个细节详细介绍
Dec 27 Javascript
js获取浏览器基本信息大全
Nov 27 Javascript
js生成随机数的方法实例
Oct 16 Javascript
纯js实现手风琴效果
Apr 17 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
基于Vue实例对象的数据选项
Aug 09 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
Oct 17 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
Vue.js中的组件系统
May 30 Javascript
解决Antd 里面的select 选择框联动触发的问题
Oct 24 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 #Javascript
解决修复npm安装全局模块权限的问题
May 17 #Javascript
npm 下载指定版本的组件方法
May 17 #Javascript
ES6之模版字符串的具体使用
May 17 #Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
May 17 #Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
May 17 #Javascript
解决Mac安装thrift因bison报错的问题
May 17 #Javascript
You might like
PHP中的加密功能
2006/10/09 PHP
PHP array_flip() 删除重复数组元素专用函数
2010/05/16 PHP
PHP程序中的文件锁、互斥锁、读写锁使用技巧解析
2016/03/21 PHP
js表格分页实现代码
2009/09/18 Javascript
js类型检查实现代码
2010/10/29 Javascript
解析Jquery取得iframe中元素的几种方法
2013/07/04 Javascript
js捕获鼠标滚轮事件代码
2013/12/16 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
2015/10/15 Javascript
javascript入门教程基础篇
2015/11/16 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
nodejs中模块定义实例详解
2017/03/18 NodeJs
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
Vue实现导航栏菜单
2020/08/19 Javascript
[15:28]DOTA2 HEROS教学视频教你分分钟做大人-剧毒术士
2014/06/13 DOTA
[02:37]2015国际邀请赛选手档案—LGD.Xiao8
2015/07/28 DOTA
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
解析Python编程中的包结构
2015/10/25 Python
对Python subprocess.Popen子进程管道阻塞详解
2018/10/29 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
Python 使用生成器代替线程的方法
2020/08/04 Python
英国最大的在线奢侈手表零售商:Jura Watches
2018/01/29 全球购物
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
测试驱动开发的主要步骤是什么
2014/12/10 面试题
Static Nested Class 和 Inner Class的不同
2013/11/28 面试题
单位工作证明范文
2014/09/14 职场文书
学校领导班子成员查摆问题及整改措施
2014/10/28 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
业务内勤岗位职责
2015/04/13 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
老兵退伍感言
2015/08/03 职场文书
2016年春季运动会通讯稿
2015/11/25 职场文书
恶魔之树最顶端的三颗果实 震震果实上榜,第一可以制造岩浆
2022/03/18 日漫
python多次执行绘制条形图
2022/04/20 Python