微信小程序中使用form表单

首先，我同事说微信小程序中不能使用form。what？他妈的逗我呢。那么多数据一个一个的赋值不麻烦么？怎么可能。只是自作做一下了。看了一下文档，就有form的组件，也给了案例。心中千万个.....

不多吐槽了，说一下步骤：

文档中的说明：当点击 <form> 表单中 form-type 为 submit 的 <button> 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。不用多说了吧。
在.js文件中添加提交的方法，这个方法在哪来？在wxml的form中应该设置一个提交的方法。属性名为：bindsubmit。

最终的提交还是要用到wx.request 的方法的。我在这里有问题了。请注意，接下来是个着错题。login是方法名。

login:function(e){// console.log(e.detail.value);wx.request({url: host + 'login',header: {"Content-Type": "application/x-www-form-urlencoded"},method: "POST",data:e.detail.value,success:function(data){console.log(data);},error:function(){console.log("调用失败");},complete:function(){console.log("所有的都会执行？");}})},

能找到么？我是一头雾水，机缘巧合下修改过来的。

注：在data属性赋值的时候中间应该有个空格。哈哈哈哈，我还能说些什么呢。脾气有点暴躁。

这是错的，

这是错的。

我现在有点方。我本身是返回去错误的又测试了一下，防止可能得出错误的结论。

然而，第二天，我再测试发现是因为没有配置header而出现了提交数据为空的情况。好吧，注意一下吧。

微信小程序中使用form表单相关推荐

在微信小程序中提交form表单
怎么在微信小程序中提交form表单发布时间:2021-04-07 16:26:31 来源:亿速云阅读:1229 作者:Leah 栏目:web开发活动:亿速云新用户活动,各类服务器大降价,满足绝大 ...
微信小程序实现用form表单包裹输入的数据并上传到服务器
两个输入框分别为input与textarea,然后用form表单包裹两个输入框所输入的数据,再上传到服务器,效果图: post.wxml <form bindsubmit="formS ...
uniapp开发微信小程序-7.用户填写表单信息
uniapp开发微信小程序-7.用户填写表单信息本章让用户通过表单更新自己的个人信息,也是本系列文章最后一篇入门分享,之后碰到新颖.常用的功能会继续分享给大家,如果大家有任何问题欢迎留言,我会尽快线 ...
微信小程序-如何获取用户表单控件中的值
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder) 如果不知道如 ...
微信小程序实现调查问卷表单
微信小程序问卷调查表单功能演示: 20220408_202155 index.wxml <view id="container-top"> <view id=& ...
Uniapp微信小程序实现简易生成表单生成器
在开发一些填报小程序,一些小型办公小程序的时候,难免会遇到较多的需要填写的表单信息,纯手撸表单耗时耗力. TIP:类似于这种十种类型的表单,每种类型的表单并不一样下面将分为三个部分一.创建对应类型 ...
微信小程序简单个人信息表单页面
wxml部分:这里引用的icon小图标可以自主更换 <view><view class="titleCss"><text class="ti ...
微信小程序 php读取数据,在微信小程序中如何获取输入数据
这篇文章主要介绍了微信小程序简单实现form表单获取输入数据功能,涉及微信小程序针对form表单的事件绑定及数据获取等相关操作技巧,需要的朋友可以参考下本文实例讲述了微信小程序简单实现form表单获 ...
关于微信小程序中uView中通过packer选择器修改表单无法触发form组件的表单验证的问题
uView中使用form表单组件,如果form-item为正常的input组件,在输入和修改form-item绑定的变量的时候,都会触发form表单的表单验证事件但是如果form-item中不是in ...

微信小程序中使用form表单

微信小程序中使用form表单相关推荐

最新文章

热门文章