微信小程序使用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 学习 - 提高篇
Feb 02 Javascript
javascript实现上传图片前的预览(TX的面试题)
Aug 20 Javascript
qTip2 精致的基于jQuery提示信息插件
Feb 17 Javascript
jquery自定义类似$.ajax()的方法实现代码
Aug 13 Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 Javascript
JavaScript 封装一个tab效果源码分享
Sep 15 Javascript
jQuery的Read()方法代替原生JS详解
Nov 08 Javascript
EasyUI学习之Combobox级联下拉列表(2)
Dec 29 Javascript
JS中实现函数return多个返回值的实例
Feb 21 Javascript
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
javascript Function函数理解与实战
Dec 01 Javascript
详解基于Node.js的HTTP/2 Server实践
May 31 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
第十一节--重载
2006/11/16 PHP
PHP数组及条件,循环语句学习
2012/11/11 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
php在linux下检测mysql同步状态的方法
2015/01/15 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
js apply/call/caller/callee/bind使用方法与区别分析
2009/10/28 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
jquery延迟对象解析
2016/10/26 Javascript
原生ajax处理json格式数据的实例代码
2016/12/25 Javascript
bootstrap table实例详解
2017/01/06 Javascript
利用 spin.js 生成等待效果(js 等待效果)
2017/06/25 Javascript
JQuery EasyUI的一些常用组件
2017/07/12 jQuery
在vue中读取本地Json文件的方法
2018/09/06 Javascript
[52:15]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS LGD-GAMING
2014/05/23 DOTA
[04:26]DOTA2上海特锦赛小组赛第二日 TOP10精彩集锦
2016/02/27 DOTA
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
推荐11个实用Python库
2015/01/23 Python
初步解析Python中的yield函数的用法
2015/04/03 Python
python Django框架实现自定义表单提交
2016/03/25 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
Python中int()函数的用法浅析
2017/10/17 Python
Python二进制文件读取并转换为浮点数详解
2019/06/25 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
pycharm开发一个简单界面和通用mvc模板(操作方法图解)
2020/05/27 Python
Python OpenCV读取中文路径图像的方法
2020/07/02 Python
日本面向世界,国际级的免税在线购物商城:DOKODEMO
2017/02/01 全球购物
Hotels.com越南:酒店预订
2019/10/29 全球购物
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
服装店员工管理制度
2015/08/07 职场文书
升学宴家长答谢词
2015/09/29 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL
Nginx内网单机反向代理的实现
2021/11/07 Servers