小程序-获取input值的方法

这篇具有很好参考价值的文章主要介绍了小程序-获取input值的方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信小程序-获取input值的方法

1、 bindinput

wxml

<input name="text_name" type='text' bindinput='getValue' placeholder-style='font-size:28rpx;' placeholder='请输入信息'></input>

js

getValue(e){
  console.log(e.detail)   
}

微信小程序获取input输入框的值,微信小程序,小程序,微信小程序

包含value值, cursor 是获取光标的位置。

2、 bindsubmit

当需要提交的表单内容过多时,选择bindsubmit更合适
我们通过input的name字段与之区分
wxml

<form bindsubmit="formSubmit">
    <view class='name'>
        <text>名称:</text>
        <input name="eq" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入名称'></input>
    </view>
    <view class='name'>
        <text>编码:</text>
        <input name="code" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入编码'></input>
    </view>
    
    <button form-type='submit'>提交</button>
</form>

获取事件js文章来源地址https://www.toymoban.com/news/detail-516300.html

formSubmit(e){
    // console.log(e)
    console.log(e.detail.value);
  },

到了这里,关于小程序-获取input值的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在微信小程序使用fixed布局固定input 输入框,iPhone ios系统无法获取焦点问题解决。

    问题 微信小程序 是fixed布局后 ios版本 input 输入框 无法选中 但是长按可以获取焦点 。 解决 查看微信小程序开发文档 对input的介绍 https://developers.weixin.qq.com/miniprogram/dev/component/input.html 发现了 always-embed 属性 强制 input 处于同层状态,默认 focus 时 input 会切到非同层状态 (仅在

    2024年02月12日
    浏览(57)
  • 微信小程序——输入框input

    bindevent.wxss中代码: bindevent.wxml中代码: class=\\\"myinput\\\": 通过 class 属性设置该输入框的样式类,可以在 WXSS 中通过样式类来定义该输入框的样式。 bindinput=\\\"changeContent\\\": 通过 bindinput 属性将输入框的输入事件绑定到名为 changeContent 的事件处理函数上。当用户在输入框中输入内容时

    2024年02月07日
    浏览(46)
  • 微信小程序input输入框校验手机号输入错误

    inputtaskphone(e) { if(e.detail.value!=“”){ if (!(/^1[3456789]d{9}$/.test(e.detail.value))) { this.setData({ phonedisplay: true, placeholder: “”, “task.phone”:“” }) } } }, focus() { this.setData({ phonedisplay: false, placeholder: “请输入联系方式”, “task.phone”:“” }) }, data: { task: { phone: “” }, phonedisplay: false,

    2024年02月09日
    浏览(51)
  • 华为手机 微信小程序 input输入框上移

    不知道大家有木有遇到过 微信小程序的input 调起输入法的时候 会被挤上去 输入框跑到上面去了 无论css怎么写怎么布局 还是会跑上移 尤其是测试mm的华为手机 别的手机都OK的 解决的方法是 给input加个 adjust-position=\\\"{{ false }}\\\" 比方说我这里要获取用户昵称 就可以这样 但是只写

    2024年02月16日
    浏览(48)
  • Vue 四种常用获取input值的方法

    1. v-model 表单输入绑定 2. @input 监听输入框 3. @change 监听输入框 4. ref 获取数据

    2024年02月09日
    浏览(32)
  • 微信小程序input框无法获取数据

    使用微信小程序里面的input组件,使用bindinput绑定函数,但是无法获取输入的值 一直警告, 第一种情况是使用了mode双向绑定,这个时候,给他添加一个bindinput回调函数即可, 第二种是由于当前的app.json(注意是当前的,不是全局的)里面配置了组件,导致了冲突,要把组件去掉

    2024年02月13日
    浏览(47)
  • 【uniapp】小程序中input输入框的placeholder-class不生效解决办法

    问题描述 uniapp微信小程序,使用input组件时,想要改变提示词 placeholder 的样式,但是使用 placeholder-class 改变不了 如下: 问题分析  如果你在使用`scoped`属性时无法改变`placeholder`的样式,可能是由于 样式的优先级问题 。在CSS中,选择器的优先级是根据其特定性和声明顺序来

    2024年02月04日
    浏览(48)
  • uniapp 微信小程序 input详解 带小数点的input、可查看密码的输入框input

    官网文档地址 1、template 2、script 3、温馨提示 当比较输入框内的数值大小时,由于输入的类型为string,所以比较的时候需要转换为数值类型 Number() if(Number(this.num1) Number(this.num2)){ … }

    2024年02月16日
    浏览(42)
  • 微信小程序安卓系统下Input输入内容上移错位问题的解决办法

    需要设置一个状态控制scroll-view是否允许滑动,当Input获取焦点是,将滑动禁止,当Input失去焦点时,允许滑动

    2024年01月20日
    浏览(77)
  • 微信小程序当在一个页面有多个input输入框,自动弹键盘,需要点击input框2次才能聚焦的问题

    微信小程序当在一个页面有多个input输入框,自动弹键盘,需要点击input框2次才能聚焦。 解决办法,在点击input框时,调用bindtap事件,关闭键盘、设置焦点。代码示例如下: 方法仅供参考!

    2024年02月11日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包