微信⼩程序(第⼆⼗⼆章)-表单数据提交
微信⼩程序(第⼆⼗⼆章)- 表单数据提交
问题
观沧海原文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);
},