zoukankan      html  css  js  c++  java
  • 微信小程序 登陆页面toast做判断

    //index.xml

    <form bindsubmit="formBindsubmit" bindreset="formReset">
      <view style="display:flex;">
        <label>用户名:</label>
        <input name="userName" placeholder="请输入用户名!" />
      </view>
      <view style="display:flex;">
        <label>密码:</label>
        <input name="psw" placeholder="请输入密码!" password="true" />
      </view>
      <view style="display:flex;margin-top:30px;">
        <button style="30%;" formType="submit" >登录</button>
        <button style="30%" formType="reset" >重置</button>
      </view>
    </form>
    <view>{{userName}}</view>
    <view>{{psw}}</view>
    <toast duration="2000" hidden="{{toastHidden}}" bindchange="toastBindChange">用户名或密码不能为空!</toast>

    //index.js

    Page({
      data:{
        // text:"这是一个页面"
        toastHidden:true,
        userName:'',
        psw:''
      },
      formBindsubmit:function(e){
        if(e.detail.value.userName.length==0||e.detail.value.psw.length==0){
          this.setData({
            toastHidden:!this.data.toastHidden
          })
        }else{
          this.setData({
            tip:'',
            userName:'用户名:'+e.detail.value.userName,
            psw:'密码:'+e.detail.value.psw
          })
        }
      },
      formReset:function(){
        this.setData({
          userName:'',
          psw:''
        })
      },
      toastBindChange:function(){
        this.setData({
            toastHidden:!this.data.toastHidden
        })
      }
    })

  • 相关阅读:
    一个很low的登录界面
    python 中的反射
    【Java】SpringMVC中URL传递参数-ant风格
    【springMVC】用maven构建第一个springMVC程序
    【Mybatis】mybatis登录实例
    【Mybatis】Mybatis简单使用
    【Java】Quartz的简单使用
    【Java】腾讯云发送短信验证码-Struts2
    【Java】web项目中发送邮件验证码-Struts2
    Bootstrap-fileinput文件上传组件
  • 原文地址:https://www.cnblogs.com/panlaixing/p/6552637.html
Copyright © 2011-2022 走看看