zoukankan      html  css  js  c++  java
  • 小程序中form 表单提交和取值方法

    我们直接给 input 添加 bindinput,比如:<input bindinput="onUsernameInput" />,可以在 onUsernameInput 中直接使用 e.detail.value,即:

    onUsernameInput : function(e) {
    e.detail.value;
    }

    但是,如果有多个输入控件,我们不可能为每个控件添加 bindinput、bindchange 这类方法来获取值。我们得这样做:

    第一步、添加 from 控件,并为其指定 bindsubmit 属性值。
    第二步、添加输入控件到 form 中,并为其指定 name 属性值。
    第三步、添加 button 控件,并为其指定 form-type="submit"。
    第四步、在 js 中取值时,用 e.detail.value.xxx 或 e.detail.value["xxx"],其中 xxx 为 name 属性值。

    .wxml 代码

    <form bindsubmit="reg">
    <view>用户:<input type="text" name="username" /></view>
    <view>密码:<input password name="password" /></view>
    <view>兴趣:<checkbox-group name="cb">
    <label>&l
    路是自己走出来的,而不是选出来的。
  • 相关阅读:
    vim使用基础
    linux基本命令随笔
    linux学习笔记
    中台建设随笔
    数据密集型系统响应优化
    TCP断开连接的问题
    多渠道接入系统总结
    关于实践的认识
    博客说明
    python下载图片的问题思考
  • 原文地址:https://www.cnblogs.com/mo3408/p/15741767.html
Copyright © 2011-2022 走看看