我不喜欢使用from表单提交,所以这里不采用表单提交的方式咯;

先看看html代码:<view class="itemView">用户名:
<input class="input" name="userName" placeholder="请输入用户名"
bindinput ="userNameInput"/>
</view>
<view class="itemView">密 码:
<input class="input" password placeholder="请输入密码"
bindinput="passWdInput" />
</view>
<view class="viewName" style="background-color:#fbf9fe">
<button class="loginBtn" bindtap="loginBtnClick">登录</button>
</view>

login.wxml

复制代码
在看js代码:

login.js

复制代码

`// pages/index/login.js
Page({
data: {
userName: ”,
userPwd:””
},
//获取用户输入的用户名
userNameInput:function(e)
{
this.setData({
userName: e.detail.value
})
},
passWdInput:function(e)
{
this.setData({
userPwd: e.detail.value
})
},
//获取用户输入的密码
loginBtnClick: function (e) {
console.log(“用户名:”+this.data.userName+” 密码:” +this.data.userPwd);
}
,
// 用户点击右上角分享
onShareAppMessage: function () {

}
})`

找了好久的问题才发现是bindtap打成了bandtap,希望以后仔细一点不要犯同样的错误

小程序input value获取相关推荐

  1. 小程序:js获取验证码时(倒计时模块)

    代码例子截图最近在上手开发小程序,发现其实小程序要比vue真的要简单太多了,有一套自己的html(WXML),css(WXSS),虽然有些标签不能直接沿用html5的标签来开发,不过内置的标签还是很好 ...

  2. 小程序 input自动聚焦唤起键盘

    小程序 input自动聚焦唤起键盘 <input type="text" focus='true' bindconfirm="onConfirm" con ...

  3. 微信小程序自动注册获取token

    小程序 app.js import {Cache } from './utils/cache.js'; const cache = new Cache(7200) // app.js App({onL ...

  4. 获取微信运动 php,【小程序+ thinkphp5】 获取微信运动数据

    配置.请参看上篇文章.这里直接上代码 PHP 代码: //获取微信运动数据: public function test(){ $code = input("code"); $sig ...

  5. php 小程序 运动步数_【小程序+ thinkphp5】 获取微信运动数据

    配置.请参看上篇文章.这里直接上代码 PHP 代码: //获取微信运动数据: public functiontest(){$code = input("code");$signat ...

  6. 如何在微信小程序中授权获取手机号码

    小程序获取手机号码 1.获取手机号码前提条件 该小程序为非个人开发者,且完成了认证的小程序开放(不包含海外主体).需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口 ...

  7. 2022年12月份最新小程序头像昵称获取方式

    小程序头像昵称获取方式又双叒改变了,自小程序基础库2.21.2开始,小程序开始废弃wx.getUserProfile接口,新提交的小程序从此接口获取的头像昵称均变为默认头像和昵称,这对于一个开发了几百 ...

  8. 简单实现微信小程序 input 的双向绑定

    简单实现微信小程序 input 的双向绑定 data 中定义表单数据 data:{formData:{} } wxml 中,利用 data- 传递参数到逻辑层 <input bindinput= ...

  9. 小程序云开发获取手机号完整代码 云函数中网络请求第三方接口

    小程序云开发获取手机号完整代码 效果图: 小程序代码 <button open-type="getPhoneNumber" bindgetphonenumber=" ...

最新文章

  1. JQuery 扩展多语言支持
  2. Adobe Auditon使用功能(一):将音频文件切分成多段,并将每段音频分别保存到不同的文件中
  3. guid怎么做到唯一_怎么做成为一个好女人呢?
  4. Cortex-M系列处理器指令集区别详解
  5. 【报告分享】腾讯-2021智慧零售私域增长指南.pdf(附226页文档下载链接)
  6. bzoj 1642: [Usaco2007 Nov]Milking Time 挤奶时间(DP)
  7. python之地基(一)
  8. mysql自动化巡检_mysql自动化巡检脚本生成html报告
  9. HTML黑客帝国代码雨
  10. [BScroll warn]: Can not resolve the wrapper DOM. 的解决
  11. 斑马打印机怎么设置标签纸
  12. 基于 ZNS 模式搭建并运行 FEMU
  13. Android 集成极光推送和厂商通道
  14. Linux 安装Redis-6.2.5,配置及使用(RDB与AOF持久化、sentinel机制、主从复制、Spring Boot 集成 Redis)
  15. vue2和vue3的区别
  16. matlab中dare 和care,dare 的用法
  17. idea import javafx.util.Pair 异常原因
  18. 为什么现在的手机越来越重,越来越厚了?
  19. 淘宝运营助理工作性质 运营助理工作难吗
  20. Windows文件操作XCOPY命令的使用方法及参数详解

热门文章

  1. ArrayMap 源码分析
  2. 第十二届蓝桥杯省赛 C++ B组 - 砝码称重
  3. github使用AccessToken登录配置教程
  4. 049 回忆——冷漠的高考
  5. 编程题C语言写牛牛数星星,一步一步写算法(之“数星星”)
  6. 超简单背包问题动态规划之三国篇
  7. selenium class_name带空格,无法获取到元素
  8. bcompare到期
  9. oracle exadata celldisk 闪存盘受损导致性能下降
  10. HexView工具使用