微信小程序表单提交实例详解

微信小程序表单提交示例详细说明如下。以下是小编编制的微信小程序表单提交示例。亲爱的微信用户，如果你想知道微信小程序表单的提交是关于什么的，让我们一起来看看小编。

微信小程序表单提交：

众所周知，如果我们将bindinput直接添加到input中，我们可以在onusernameinput中直接使用e.detail.value

微信代码是：

onusernameinput :函数(e) {

e . detail . value；

}

然而，如果有多个输入控件，我们不可能为每个控件添加bindinput和bindchange等方法来获取值。我们必须这样做：

第一步是添加from控件并为其指定bindsubmit属性值。

步骤2:将输入控件添加到表单中，并为其指定名称属性值。

第三步：添加按钮控件并为其指定表单类型='提交'。

第四步是在js中取值时使用e.detail.value.xxx或e.detail.value['xxx']，其中xxx为名称属性值。

wxml代码

微信js码

reg:函数(e) {

console . log(e . detail . value)；

wx.showtoast({

title: e.detail.value['cb']。join('，')，图标： '成功'，工期： 2000

});

}

微信小程序的输入有一个属性叫做type，这个类型有几个可选值：

无需解释

数字：数字键盘(无小数点)

idcard:数字键盘(不带小数点，带x键)

数字：数字键盘(带小数点)

注意：数字没有小数点，数字有小数点。我严重怀疑这是个bug。

代表一个密码框(个人觉得直接叫密码标签太诡异了)。

“羽毛球”，我们故意写了checked=‘false’。我们一开始试图让它不被检查，但是它没有我们想要的那么好，但是它被检查了。和html一样，我们不识别选中的属性值，只识别这个标记的有无。但是，如果用{{}}，就不一样了。例如，“排球”会受到数据的影响

输入的值为e.detail.value.xxx或e.detail.value['xxx']，其中xxx为名称属性。

checkbox的值类似于输入，但xxx是checkbox-group的名称，检索到的值是一个数组，由“乒乓球”、“排球”等选定项的值组成，结果是['1 '、' 3']。特别是这个顺序和我们的选择有关。比如我们先选排球，再选乒乓球，结果是['3 '，' 1']。

radio的值与input的值相同，input返回选中项的值，如果没有选中项，则为。

如果不知道值类型，也可以使用console . log(e . detail . value)；输出所有值，然后观察调试控制台中的值，然后获取它们。

以上是提交小编编制的微信小程序表单的例子。感谢收看。以上内容有助于你理解微信小程序表单提交的相关知识。请多关注源代理网络。这个网站上有更多精彩的内容等着你。

下面是标题开头的微信小程序社区源代码。微信小程序社区的源代码是什么？标题到此结束

微信小程序社区的源代码是什么？各位朋友，要不要自己开发微信小程序社区？以下是小编收集的一些微信小程序社区源代码。以下内容供你参考。

微信小程序社区源代码：