微信小程序开发（登陆获取输入框的值）

最新推荐文章于 2023-06-17 15:07:02 发布

西楚三少

最新推荐文章于 2023-06-17 15:07:02 发布

阅读量725

点赞数 1

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/cai4561/article/details/107809598

版权

本文介绍了使用有赞UI框架进行微信小程序开发时，如何在login.wxml和login.js中操作，特别强调了在输入框绑定事件以实现在内容改变时更新值，并探讨了that和this的区别。

摘要由CSDN通过智能技术生成

UI框架用的是有赞

例子：

      <van-cell-group>
        <van-field
          value="{
  { ei_code }}"
          bind:change="getEi_code"
          clearable
          left-icon="shop-o"
          placeholder="请输入商家编号"
        />
        <van-field
          value="{
  { us_code }}"
          bind:change="getUs_code"          
          clearable
          left-icon="user-o"
          placeholder="请输入用户编号"
        />
        <van-field
          value="{
  { us_pwd }}"
          bind:change="getUs_pwd"
          type="password"
          left-icon="bag-o"
          placeholder="请输入密码"
        />
      </van-cell-group>

var that;
Page({
  data: {
    ei_code: '',
    us_co

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

西楚三少

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

tp6 手机号登录

zyk1215yyds的博客

08-06

263

login.js <?php declare (strict_types = 1); namespace app\api\controller; use think\facade\Cache; class Phone { public function index() { //接收参数 $data = input(); //验证集 $validate = Validate::rule([

微信小程序开发初学：输入框 - input(1)

2401_83704159的博客

04-22

388

设置键盘右下角按钮的文字，仅在 type=“text” 时生效。最大输入长度，设置为 -1 的时候不限制最大长度。默认值：input-placeholder。confirm-type属性的合法值。placeholder的样式类。类型：boolean。类型：boolean。指定光标与键盘的距离。

2 条评论您还未登录，请先登录后发表或查看评论

【微信小程序7】云数据库：利用Field获取指定字段的值。

【安歌er】的博客

06-17

829

方法接受一个必填对象用于指定需返回的字段，对象的各个 key 表示要返回或不要返回的字段，value 传入 true|false（或 1|-1）表示要返回还是不要返回。根据where查询指定条件，根据field查询指定返回所需要字段的值。支持端：小程序 , 云函数 , Web。指定返回结果中记录需返回的字段。

微信小程序获取动态的表单数据【项目】

qq_26642611的博客

11-04

1121

// 设置 data-index="{{index}}" <view class="page-body"> <view class="page-section"> <view wx:for="{{GoodArr}}" wx:for-item="goods" wx:key="index" class="weui-cells weui-cells_after-title margintop"> <view class="weui-cell w

van-field和原生form两种方法实现表单并获取输入值

weixin_45655168的博客

04-21

2274

van-field和原生form两种方法实现表单并获取输入值

微信小程序使用vant weapp的field输入框组件双向绑定数据

Farel的博客

07-11

4249

当我使用 :value来进行双向绑定时，标签值无法赋值给 telnumber将:value改为model:value就可以解决问题啦解决方法二：添加一个bind:change或者bind:input方法来实现数据绑定

微信小程序 input输入框控件详解及实例（多种示例）

08-31

在微信小程序中，`input`输入框控件是用户交互的重要组成部分，用于接收用户输入的文字、数字或其他文本信息。在登录、注册、搜索等功能中，输入框是必不可少的元素。本文将详细介绍微信小程序的`input`输入框控件，...

微信小程序输入框数据获取（九）

shanliyiyeren的博客

10-23

4821

我们以用户登录例子来写输入框数据的获取。首先，我们做一个登录界面，界面里有用户名输入框，我们要求在第二个界面获得用户名，显示为欢迎XXX登录！ <view class="title"> <text>登录界面</text> </view> <view class="body"> <text>请输入用户名：</text> <input type="text" name="username" ...

微信小程序开发短信验证码输入框

m0_38058826的博客

10-29

3383

如图所示的验证码输入框。现在需要实现逻辑，任何位置输入后自动跳到下一个最近的空的输入框，任何位置删除后自动跳到上一个最近的有值的输入框，代码逻辑如下。

微信小程序开发--

等待，就是浪费青春，让代码改变世界

09-04

268

小程序事件绑定小程序中的事件有哪些？ tap：点击事件； longtap：长按事件； touchstart：触摸开始； touchend：触摸结束； touchcansce：取消触摸；如何绑定事件？ bind绑定； catch绑定；（能阻止事件冒泡）【代码实例】 wxml文件 <button bindtap="x1">延...

微信小程序（2）

qq_32439381的博客

12-30

361

前提：最近因为被派去别的组，开发微信小程序，遇到了很多坑，记录一下一、框架 1. mpvue 2. vant-ui 二、踩过的坑 1. 分包因为有一次提交的时候，提示主包文件过大，不能超过2M，所以就需要将代码分包需要注意的是：tabBar标签所需要的路由链接，都必须写在主包里面，packageA和packageB必须在pages文件下 ap...

小程序获取form表单的数据和vant获取文本框数据

种麦南山下的博客

03-10

2943

1、获取form表单的数据 <form bindsubmit="formSubmit" bindreset="formReset"> <input type="text" value="{{username}}" name="username"/> <input type="text" value="{{password}}" name="password"/> <view class="btn-area"> &lt

小程序用vant-weapp van-field输入框获取不到输入值问题（已解决）

weixin_43242560的博客

07-31

5955

废话不多说直接上代码主要的解决问题的是 bind:blur=“xxx” <van-field value="{{ describe }}" bind:blur="onDescribe" label="一句话描述" placeholder="请填写描述信息" autosize maxlength="15" /> onDescribe:function(e){ this.setData({describe:e.detail.value}

微信公众号之IOS12以上版本自动填充验证码的输入框无法获取填充值

lwfcomeon的博客

02-21

1337

用的vue+vant 写的登录页就两项手机号验证码，但是IOS自动填充成功完验证码之后，验证码框一旦失去焦点，值就不见了。也不能通过v-model拿到值。至今不知道因为什么，有大佬知道可以告诉我一下，但我解决了。我看网友们都是自动填充两遍怎么办，没人问填充完了失去焦点值没了怎么办…… 1 把van-field换成原生input标签（样式改改就好了嘛） 2 因为换成input之后不能用v-model直接拿输入框值了，在下不才，用了jquery，当然你也可以onchange监听值。反正拿到就行了。嘻嘻

小程序用vant-weapp van-field输入框获取不到输入值问题

GXQ的博客

12-22

5653

参考： https://blog.csdn.net/weixin_43242560/article/details/107712748 在小程序模拟器上运行输入非常正常，但是用华为真机调试出现问题无法输入英文字母（可以输入英文字母加空格，再把空格删除），可以输入数字查询了很多方法，一个勉强可以的方法是：把bind:change换成了bind:blur，但是在按登录的时候需要按两下才能触发blur失焦作用，提示输入为空。但是还是不够友好，最后全部补成了普通的Input输入框。 <van-fie

解决 Vant中 输入框（Field）组件获取不到输入值