微信小程序(第二十二章)-表单数据提交

更新时间:2023-06-29 20:28:13 阅读: 评论:0

微信⼩程序(第⼆⼗⼆章)-表单数据提交
微信⼩程序(第⼆⼗⼆章)- 表单数据提交
问题
观沧海原文1.
1. 什么时候(怎样)提交数据?
2.
侄女订婚祝福语
2. 当点击 form 表单中 form-type 为 submit 的 button 组件时,会将表单组件中的 value 值进⾏提交,需要在表单组件中加上
name 来作为 key。
实现步骤
1. 给form组件添加bindsubmit事件,在js⾥⾯定义对应的时间函数;
2. 给button按钮添加form-type属性,值:submit,提交表单
麻团3. 在事件函数⾥获取要提交的数据;
1. 需要给input组件添加name属性;
2. 通过事件函数的事件对象获取值;
4. 后续可以通过API发送请求;
代码如下:
<!--定义form组件-->
<form bindsubmit="toLogin">
<!--输⼊框区块-->
<view id="inputView">
许亚非<!--⽂本框-->
预防性消毒<input type="text" placeholder="⼿机号/⽤户名" name="urName"></input>
<!--密码框-->
<input type="text" placeholder="密码" password name="urPwd"></input>
</view>
<!--按钮区域-->
<view id="buttonView">
扬的组词
<button form-type="submit">登录</button>
身边的温暖<button>注册</button>
<view>忘记密码</view>
</view>
</form>
//登录函数
toLogin(e){
//获取提交的⽤户名和密码⽤变量存储
var urName=e.detail.value.urName;
var urPwd=e.detail.value.urPwd;
鲜人参泡酒怎么泡
console.log("要提交给服务器的⽤户名和密码是",urName,urPwd);
},

本文发布于:2023-06-29 20:28:13,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1060586.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:提交   函数   表单   组件
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图