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

编辑：小飞燕发布时间：2021-03-11 07:27:06

导语本文整理了全网深受用户关注的个微信小程序表单提交实例详解经验知识，可以帮助您全面了解代理怎么做，小白也能成为高手，跟随小编一起来看一看吧！

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

微信小程序表单提交：

众所周知，如果我们将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)；输出所有值，然后观察调试控制台中的值，然后获取它们。

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

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

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

微信小程序社区源代码：

猜你喜欢