ZBLOG

//校验搜索条件一个必填 const trimLeft = function trimLeft(s) { return s.replace(/(^\s*)/g, ''); }; const isEmpty = function isEmpty(value) { return value === undefined || value === null || trimLeft(value) === ''; }; const checkRequired = (data) => {

根据您提供的代码,我对其中的一些错误和潜在问题进行了修复和优化。以下是修改后的代码:

const trimLeft = function trimLeft(s) {
  return s.replace(/(^\s*)/g, '');
};

const isEmpty = function isEmpty(value) {
  return value === undefined || value === null || trimLeft(value) === '';
};

const checkRequired = (data) => {
  return (value, fields) => {
    if (isEmpty(fields['extension']) || isEmpty(fields['maxExtenPeriods']) || isEmpty(fields['repayChannel'])) {
      return '都要填写';
    }
  };
};

const checkoutLegalPerson = (field, value) => {
  if (!value) {
    return `${field}不能为空`;
  }
};

const validator = createValidator({
  extension: [(value, fields) => {
    if (fields.extension === true && isEmpty(value)) {
      return '最长展期期数不能为空';
    }
    if (!fields.extension) {
      return;
    }
  }],
  maxExtenPeriods: [(value, fields) => checkoutLegalPerson('最长展期期数', value)],
  repayChannel: [(value, fields) => checkoutLegalPerson('还款渠道', value)],
});

// 示例使用组件
<InputGroup field={repayChannel} label="还款渠道" sm={3} lsm={3} size="sm">
  <div className="col-sm-9">
    <div className="col-sm-4">
      <div className="checkbox">
        <label>
          <input type="checkbox" name="channelType" {...repayChannel} checked={repayChannel.value === 'A'} onChange={() => { repayChannel.onChange('A') }} /> 线下
        </label>
      </div>
    </div>
    <div className="col-sm-4">
      <div className="checkbox">
        <label>
          <input type="checkbox" name="channelType" {...repayChannel} checked={repayChannel.value === 'B'} onChange={() => { repayChannel.onChange('B') }} /> 主动
        </label>
      </div>
    </div>
    <div className="col-sm-4">
      <div className="checkbox">
        <label>
          <input type="checkbox" name="channelType" {...repayChannel} checked={repayChannel.value === 'C'} onChange={() => { repayChannel.onChange('C') }} /> 代扣
        </label>
      </div>
    </div>
  </div>
</InputGroup>

// 在验证时调用 validator 方法进行验证
const errors = validator({
  extension: extension.value,
  maxExtenPeriods: maxExtenPeriods.value,
  repayChannel: repayChannel.value,
});

上述修改后的代码修复了以下问题:

  1. checkoutLegalPerson 函数缺少 field 参数,已经添加。
  2. 在校验最长展期期数时,将错误信息修改为 '最长展期期数不能为空'
  3. 在定义校验规则时,修复了 maxExtenPeriodsrepayChannel 的校验函数参数错误。
  4. 示例中的复选框的 onChange 处理函数也做了修正。

请注意,在实际使用中,您需要根据具体情况调整和适配代码。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=9977

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?