小程序开发之路---form表单提交

app开发中，必然会有用户登录过程，之前做iOS开发时，用户名、密码登录部分，只能分别定义属性传值。在小程序中，提供了form表单提交的方式，个人觉得方便了很多。
下例中既有form表单提交方式，也包含身份证号码验证和手机号码验证的正则表达式：

WXML

<view class='forgetPWContainer'>
  <form bindsubmit='formSubmit'>
  <view class='cellViewContainer'>
    <text class='titleText'>手机号码：</text>
    <input class='forgetInput' placeholder="请输入手机号" name="phoneNumber" type='number' maxlength='11'></input>
  </view>
  <view class='cellViewContainer'>
    <text class='titleText'>身份证号：</text>
    <input class='forgetInput' placeholder="请输入本人身份证号码" name="userId"></input>
  </view>
  <view class='cellViewContainer'>
    <text class='titleText'>设置密码：</text>
    <input class='forgetInput' placeholder="请输入重新设置的密码" password='true' name="passWord"></input>
  </view>
  <button class='button' form-type='submit'>点击进入</button>
  </form>
</view>

JS

formSubmit: function (e) {
   var warn = "";      //弹出框内容
   var flag = true;    //判断信息输入是否完整
   if (e.detail.value.phoneNumber == "") {
     warn = '请输入手机号码！';
   } else if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(e.detail.value.phoneNumber))) {
     warn = '请输入正确的手机号码！';   //手机号码校验
   } else if (e.detail.value.userId == "") {
     warn = '请输入身份证号码！';
   } else if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(e.detail.value.userId))) {
     warn = '请输入正确的身份证号码！';    //身份证号码校验
   } else if (e.detail.value.passWord == "") {
     warn = '请输入密码！';
   } else {
     flag = false;
     wx.switchTab({
       url: '../../src/home/homePage',
     })
     console.log('form发生了submit事件，数据为', e.detail.value)
   }
   if (flag == true) {
     wx.showModal({
       title: '提示',
       content: warn,
       showCancel:false,
       confirmText:'我知道了'
     })
   }
 }