小程序input value获取
我不喜欢使用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获取相关推荐
- 小程序:js获取验证码时(倒计时模块)
代码例子截图最近在上手开发小程序,发现其实小程序要比vue真的要简单太多了,有一套自己的html(WXML),css(WXSS),虽然有些标签不能直接沿用html5的标签来开发,不过内置的标签还是很好 ...
- 小程序 input自动聚焦唤起键盘
小程序 input自动聚焦唤起键盘 <input type="text" focus='true' bindconfirm="onConfirm" con ...
- 微信小程序自动注册获取token
小程序 app.js import {Cache } from './utils/cache.js'; const cache = new Cache(7200) // app.js App({onL ...
- 获取微信运动 php,【小程序+ thinkphp5】 获取微信运动数据
配置.请参看上篇文章.这里直接上代码 PHP 代码: //获取微信运动数据: public function test(){ $code = input("code"); $sig ...
- php 小程序 运动步数_【小程序+ thinkphp5】 获取微信运动数据
配置.请参看上篇文章.这里直接上代码 PHP 代码: //获取微信运动数据: public functiontest(){$code = input("code");$signat ...
- 如何在微信小程序中授权获取手机号码
小程序获取手机号码 1.获取手机号码前提条件 该小程序为非个人开发者,且完成了认证的小程序开放(不包含海外主体).需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口 ...
- 2022年12月份最新小程序头像昵称获取方式
小程序头像昵称获取方式又双叒改变了,自小程序基础库2.21.2开始,小程序开始废弃wx.getUserProfile接口,新提交的小程序从此接口获取的头像昵称均变为默认头像和昵称,这对于一个开发了几百 ...
- 简单实现微信小程序 input 的双向绑定
简单实现微信小程序 input 的双向绑定 data 中定义表单数据 data:{formData:{} } wxml 中,利用 data- 传递参数到逻辑层 <input bindinput= ...
- 小程序云开发获取手机号完整代码 云函数中网络请求第三方接口
小程序云开发获取手机号完整代码 效果图: 小程序代码 <button open-type="getPhoneNumber" bindgetphonenumber=" ...
最新文章
- JQuery 扩展多语言支持
- Adobe Auditon使用功能(一):将音频文件切分成多段,并将每段音频分别保存到不同的文件中
- guid怎么做到唯一_怎么做成为一个好女人呢?
- Cortex-M系列处理器指令集区别详解
- 【报告分享】腾讯-2021智慧零售私域增长指南.pdf(附226页文档下载链接)
- bzoj 1642: [Usaco2007 Nov]Milking Time 挤奶时间(DP)
- python之地基(一)
- mysql自动化巡检_mysql自动化巡检脚本生成html报告
- HTML黑客帝国代码雨
- [BScroll warn]: Can not resolve the wrapper DOM. 的解决
- 斑马打印机怎么设置标签纸
- 基于 ZNS 模式搭建并运行 FEMU
- Android 集成极光推送和厂商通道
- Linux 安装Redis-6.2.5,配置及使用(RDB与AOF持久化、sentinel机制、主从复制、Spring Boot 集成 Redis)
- vue2和vue3的区别
- matlab中dare 和care,dare 的用法
- idea import javafx.util.Pair 异常原因
- 为什么现在的手机越来越重,越来越厚了?
- 淘宝运营助理工作性质 运营助理工作难吗
- Windows文件操作XCOPY命令的使用方法及参数详解