フォーム中の銀行カード番号のフォーマットと検証

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

能力免费版轻享版专业版专属版页面JS代码不支持不支持支持支持1. 功能概述用户可以通过宜搭中的「动作面板」去写 JS 代码，从而实现自己的业务逻辑或逻辑判断。通过动作面板，您可以「更加方便的组织和复用代码」、「实现复杂交互」。注意：通过JS面板编写的逻辑一般情况下是不会对历史数据生效的。2. ...

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

1. 使用シーン

この例では、適切なフォームページで銀行番号のフォーマットと検証を実現する方法を紹介します。

2.機能を実現する

2.1フォームページの作成

2.2ページ設定

(1) 設定変数

構成図:

(2) 下記のコードをページjsにコピーする

次の一意の表示を修正することに注意してください。

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) イベントバインディング

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

3.効果を実現する

4.オンラインで試してみます

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

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

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