小程序 form表单提交

 当点击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。

index4页面提交到index5页面

index4页面

<form action="" bindsubmit="submit">
<input type="text" placeholder="账号"name="user"/>
<input type="text"placeholder="密码"name="psd"/>
<button form-type="submit">登录</button>
<button form-type="submit">重置</button>
</form>

submit:function(e){
console.log(e)
var user=e.detail.value.user
var psd=e.detail.value.psd
console.log(user)
wx.navigateTo({
  url: '../index5/index5?zhanghao='+user+'&mima='+psd,})
},

 

wx.navigateTo       需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；如 'path?key=value&key2=value2'

 index5页面

账号：{{zhanghao}}
密码：{{mima}}

 onLoad: function (options) {
console.log(options)
this.setData({zhanghao:options.zhanghao,
mima:options.mima})
 }