如何在表单提交时同时获得用户的授权信息

页面表单如下：

<form bindsubmit="formSubmit">

<input id="username" name="username" maxlength='40' type="text" placeholder="帐号"  />

<input id="password" name="password" maxlength='20' type="password" placeholder="密码" />

<button  disabled="{{disabled}}"  open-type="getUserInfo" bindgetuserinfo="userInfoHandler"    form-type="submit"    >提交 </button>

</form>

我要实现的功能是：         点击提交按钮先让用户授权，授权通过后取得unionid。然后，在表单提交方法中，用unionid+表单输入的用户名和密码去后台做业务处理。但是，实际操作中我发现不行。bindgetuserinfo和表单提交事件bindsubmit执行顺序有点怪。

点击提交按钮后，程序先执行formSubmit函数，formSubmit没有执行完，中途突然执行userInfoHandler。这让我感觉很不可控。我后台使用unionid和用户做绑定的，所以，必须取得用户授权，进而获得unionid。同时，表单的帐号和密码也必须要，以便做进一步的认证。这种情况，我要如何实现呢。