用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

小程序学习笔记《三》登陆页面toast做判断,单选框,this.setData 修改json里面的值 . ...

纸飞机 2018-3-8 09:36

一:登陆页面toast做判断分享者:山水之间,来自原文地址 //index.xml 用户名: 密码: 登录 重置 {{userName}}{{psw}}用户名或密码不能为空!//index.jsPage({ data:{ // text: ...

一:登陆页面toast做判断

分享者:山水之间,来自

原文地址


//index.xml

  1. bindsubmit="formBindsubmit" bindreset="formReset">
  2. style="display:flex;">
  3. 用户名:
  4. name="userName" placeholder="请输入用户名!" />
  5. style="display:flex;">
  6. 密码:
  7. name="psw" placeholder="请输入密码!" password="true" />
  8. style="display:flex;margin-top:30px;">
  9. style="width:30%;" formType="submit" >登录
  10. style="width:30%" formType="reset" >重置
  11. {{userName}}
  12. {{psw}}
  13. duration="2000" hidden="{{toastHidden}}" bindchange="toastBindChange">用户名或密码不能为空!

//index.js

  1. Page({
  2. data:{
  3. // text:"这是一个页面"
  4. toastHidden:true,
  5. userName:'',
  6. psw:''
  7. },
  8. formBindsubmit:function(e){
  9. if(e.detail.value.userName.length==0||e.detail.value.psw.length==0){
  10. this.setData({
  11. toastHidden:!this.data.toastHidden
  12. })
  13. }else{
  14. this.setData({
  15. tip:'',
  16. userName:'用户名:'+e.detail.value.userName,
  17. psw:'密码:'+e.detail.value.psw
  18. })
  19. }
  20. },
  21. formReset:function(){
  22. this.setData({
  23. userName:'',
  24. psw:''
  25. })
  26. },
  27. toastBindChange:function(){
  28. this.setData({
  29. toastHidden:!this.data.toastHidden
  30. })
  31. }
  32. })

二:单选框

//index.wxml

  1. class="item">
  2. 单选

  3. wx:for="{{box}}" wx:for-item="box" wx:for-index="index">
  4. wx:if="{{choose==index}}">
  5. bindtap="choose" data-index="{{index}}" class="box_choose box">{{box.name}}
  6. wx:else="{{choose==index}}">
  7. bindtap="choose" data-index="{{index}}" class="box">{{box.name}}

index.wxss

    邀请

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏