微信小程序使用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 相关文章推荐
javascript 快速排序函数代码
May 30 Javascript
javaScript函数中执行C#代码中的函数方法总结
Aug 07 Javascript
文本域中换行符的替换示例
Mar 04 Javascript
javascript中闭包概念与用法深入理解
Dec 15 Javascript
vue实现登陆登出的实现示例
Sep 15 Javascript
JS实现留言板功能[楼层效果展示]
Dec 27 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
Mar 21 Javascript
Vue 组件注册实例详解
Feb 23 Javascript
vue中使用微信公众号js-sdk踩坑记录
Mar 29 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 Javascript
原生js实现商品筛选功能
Oct 28 Javascript
JavaScript Event Loop相关原理解析
Jun 10 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导航下拉菜单的实现如此简单
2013/09/22 PHP
php mailer类调用远程SMTP服务器发送邮件实现方法
2016/03/04 PHP
php生成无限栏目树
2017/03/16 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
JS获取表格内指定单元格html内容的方法
2015/03/31 Javascript
AngularJS 使用 UI Router 实现表单向导
2016/01/29 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
2016/02/14 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
2017/05/03 Javascript
使用jQuery实现动态添加小广告
2017/07/11 jQuery
JS鼠标3次点击事件实现代码及扩展思路
2017/09/12 Javascript
浅谈AngularJS中使用$resource(已更新)
2017/09/14 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
Python中DJANGO简单测试实例
2015/05/11 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
Python实现简单的用户交互方法详解
2018/09/25 Python
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
Django获取应用下的所有models的例子
2019/08/30 Python
python通过链接抓取网站详解
2019/11/20 Python
通过代码实例了解Python异常本质
2020/09/16 Python
HTML5 Video/Audio播放本地文件示例介绍
2013/11/18 HTML / CSS
UGG英国官方网站:UGG UK
2018/02/08 全球购物
华为慧通笔试题
2016/04/22 面试题
如何删除一个表里面的重复行
2013/07/13 面试题
高中地理教学反思
2014/01/29 职场文书
升旗仪式主持词
2014/03/19 职场文书
计算机专业自荐信
2014/05/24 职场文书
党员一帮一活动总结
2014/07/08 职场文书
签订劳动合同通知书
2015/04/16 职场文书
2015年党风廉政建设目标责任书
2015/05/08 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
2020年个人安全保证书参考模板
2020/01/08 职场文书
redis限流的实际应用
2021/04/24 Redis