Format and verify the bank card number in the form

JS 动作面板 - 前端代码开发 | 钉钉宜搭·帮助中心

本文档介绍了如何在宜搭中使用动作面板编写JS代码以实现业务逻辑或逻辑判断，包括代码输入、动作绑定、获取回调函数参数的方法。同时提供了API使用手册、调试JS代码的技巧以及引用第三方JS资源的安全建议。

https://docs.aliwork.com/docs/yida_support/lbtl0t/ocmxyv

1. Usage scenarios

This example describes how to format and verify bank card numbers on the YIDA form page.

2. Implement functions

2.1 Create form page

2.2 page configuration

(1) configure variables

As shown in the following figure:

(2) copy the following code to Page JS

Note that the following unique identifier is modified.

export function onChange({ value }) {
  //防止循环调用
  if (!this.state.fixed) {
    this.setState({
      fixed: true,
    });
    const formatted = value.replace(/D/g, '').replace(/....(?!$)/g, '$& ')
    this.$('textField_l9pdvjxn').setValue(formatted)
    this.setState({
      fixed: false,
    });
  }
}

export function customValidation(num) {
  // 去除空格
  num = (num + '').replace(/D+/g, '')
  const regExp = /^([1-9])(d{15}|d{18})$/
  // 校验非0开始及长度
  if (!regExp.test(num)) {
    return false
  }
  num = num.split('').reverse();
  let total = 0
  for (let i = 0; i < num.length; i++) {
    num[i] = parseInt(num[i]);
    total += i % 2 ? 2 * num[i] - (num[i] > 4 ? 9 : 0) : num[i];
  }
  if (total === 0) {
    return false;
  }
  return (total % 10) === 0;
}

(3) event binding

function customValidation(num) {
  return this.customValidation(num);
}

3. Achieve results

4. Try it online

示例中心 | 开发者赋能平台

AI智能体时代，全新宜搭。业务创新，一搭就行。

https://www.aliwork.com/o/coc?tplUuid=TPL_DUGZSH83U3UUTF9DRR41&from=yuque_subject