微信小程序 form表单使用formSubmit提交后函数没反应?

在wxml中设计了一个form表单,使用formSubmit提交,进不了函数中,里面的console.log("测试")都没有出来,提示:does not have a method "formSumbit" to handle event "submit"
wxml中代码如下:
<form bindsubmit="formSumbit" bindreset="formReset">

<view class="cu-form-group">
    <view class="title">昵称</view>
    <input value="{{nickName}}" class="input-text" placeholder="{{userInfoData.nickName}}" type="nickname"></input>
  </view>


<button class="form-btn" type="primary" form-type="submit">保存</button>
  
</form>

在.js文件中,代码如下:

formSubmit() {
    //todo 保存个人设置
    const formUserData = {
     
      nickName:this.data.nickName,
      
    }
    console.log('点击保存了')
    console.log(formUserData.nickName)
  }

运行结果及报错内容 :

img

我的解答思路和尝试过的方法
我想要达到的结果

1、formSumbit写错了
是formSubmit
2、你wx:for那里加一个wx:key

报错位置的代码不在这哇,报错是class为option的