WeChat applet implements form verification

import WxValidate from '../../utils/WxValidate.js'

<form bindsubmit="formSubmit">
  <view class="weui-cells__title">Username</view>
<view class="weui-cells weui-cells_after-title">
  <view class="weui-cell weui-cell_input">
   <input class="weui-input" type="text" name="userName" placeholder="Please enter your user name"/>
  </view>
</view>
  <view class="weui-cells__title">Password</view>
<view class="weui-cells weui-cells_after-title">
  <view class="weui-cell weui-cell_input">
   <input class="weui-input" type="text" name="password" placeholder="Please enter your password"/>
  </view>
</view>
  <view class="weui-cells__title">Mobile phone number</view>
<view class="weui-cells weui-cells_after-title">
  <view class="weui-cell weui-cell_input">
   <input class="weui-input" type="text" name="phone" placeholder="Please enter your phone number"/>
  </view>
</view>
  <view class="btn-area">
    <button formType="submit">Submit</button>
    <button formType="reset">Reset</button>
  </view>
</form>

 /**
   * Life cycle function--listen for page loading*/
 onLoad: function (options) {
     this.initValidate()//Validation rule function, initialize field rules and field prompt information},
       
   initValidate() {
     const rules = {
       userName: { //Username required: true,  
         minlength:2 
       },
       password: { //password required: true
       },
       phone:{ //Mobile numberrequired:true,
         tel:true
       }
     }
     const messages = { //prompt information userName: {
         required: 'Please fill in your name',
         minlength:'Please enter a correct name'
       },
       password: {
         required: 'Please fill in your password'
       },
       phone:{
         required:'Please fill in your mobile number',
         Tel:'Please fill in the correct mobile phone number'
       }
     }
     this.WxValidate = new WxValidate(rules, messages)
   },
   //Call verification function formSubmit: function (e) {
     console.log('Submit event occurred in the form, the data carried is:', e.detail.value)
     const params = e.detail.value
     //Check form if (!this.WxValidate.checkForm(params)) {
       const error = this.WxValidate.errorList[0]
       console.log(error);
       return false
     }
     console.log("yes");
     return true;
},