小程序中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
路是自己走出来的,而不是选出来的。
原文地址:https://www.cnblogs.com/mo3408/p/15741767.html