小程序模板网

微信小程序开发问答《五十三》手机号码处理为344格式 & bindtap方法传参 ... ..

发布时间:2018-04-21 10:17 所属栏目:小程序开发教程
1、手机号码处理为344格式
作者:wy_Blog
 
 

						
  1. // 去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g)
  2. function trim(str, is_global) {
  3. var result;
  4. result = str.replace(/(^\s+)|(\s+$)/g, "");
  5. if (is_global && is_global.toLowerCase() == "g") {
  6. result = result.replace(/\s/g, "");
  7. }
  8. return result;
  9. }
  10.  
  11. // 判断是否是手机号码格式
  12. function isPhone(str) {
  13. var reg = /^1(3|4|5|7|8)\d{9}$/;
  14. return reg.test(trim(str, 'g'));
  15. }
  16.  
  17. // 手机号码格式转化为 344 格式 (188 3886 9199)
  18. function phoneSeparated(phoneNumber) {
  19. let tel = trim(phoneNumber, 'g');
  20. if (isPhone(tel)) {
  21. tel = tel.substring(0, 3) + ' ' + tel.substring(3, 7) + ' ' + tel.substring(7, 11);
  22. }
  23. return tel;
  24. }
  25.  
  26. phoneSeparated("18838869199") // "188 3886 9199"
2、bindtap方法传参
作者:PHP急先锋

1、wxml

 

						
  1. bindtap="pay_again" data-name="{{orderList.jid}}" data-fee="{{orderList.act_fee}}" data-mobile="{{orderList.p_phone}}" data-act="{{orderList.act_name}}" class="operating f_r webkit-box" style="line-height:30px;">
  2. href="" class="pay bg_red">继续支付
  3.  

2、js

 

						
  1. // 再次发起支付请求,调用后台PHP
  2. pay_again:function(e){
  3. var that = this;
  4. that.setData({
  5. jid: e.currentTarget.dataset.name,
  6. act_name: e.currentTarget.dataset.act,
  7. act_fee: e.currentTarget.dataset.fee,
  8. mobile: e.currentTarget.dataset.mobile
  9. })
  10. console.log('活动订单id = ' + that.data.mobile);
  11. }

3、动态改变样式

作者:奋斗放个

 

						
  1. data: {
  2. coatFatThinColor: '#999',
  3. }
  4.  
  5.  
  6. <view style="color:{{coatFatThinColor}}" class="ui-flex picker-select ui-padding-10">
  7.  
  8.  
  9. this.setData({
  10.  
  11. coatFatThinColor: '#000'
  12. })


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23876.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询