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

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

WXML


  
手机号码: 身份证号: 设置密码:

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:'我知道了'
     })
   }
 }

你可能感兴趣的:(小程序开发之路---form表单提交)