zoukankan      html  css  js  c++  java
  • 小程序表单

    基础的小程序表单提交数据备份:
     
     
    wxml:
    <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>{{tip}}</view>
    <view>{{userName}}</view>
    <view>{{psw}}</view>

    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:''
      })
     }
    })



  • 相关阅读:
    System.StringOfChar 反复字符
    System.Concat 连接字符串
    学习 TList 类的实现[5]
    raise 语句: 抛出异常
    System.Move 移动内存块
    学习 TList 类的实现[6]
    System.Pos 搜索子串的位置
    System.FillChar 填充字节
    学习 TList 类的实现[4]
    不停止的认识我们自己。。。。
  • 原文地址:https://www.cnblogs.com/nature-wind8/p/11331932.html
Copyright © 2011-2022 走看看