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 = (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 !== true) {
      return;
    }
  }],
  maxExtenPeriods: [(value, fields) => checkoutLegalPerson('maxExtenPeriods', value)],
  repayChannel: [(value, fields) => checkoutLegalPerson('还款渠道', value)],
});

// 根据选中状态设置相应的值
const handleRepayChannelChange = (channelType, setValue) => {
  let newValue = {};
  
  switch(channelType){
    case 'A':
      newValue = { offline: true };
      break;
    case 'B':
      newValue = { active: true };
      break;
    case 'C':
      newValue = { withhold: true };
      break;
    default:
      break;
  }

  setValue(newValue);
};

// 在组件中使用
<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"
            checked={repayChannel.value === 'A'}
            onChange={() => handleRepayChannelChange('A', repayChannel.onChange)}
          /> 线下
        </label>
      </div>
    </div>
    <div className="col-sm-4">
      <div className="checkbox">
        <label>
          <input
            type="checkbox"
            name="channelType"
            checked={repayChannel.value === 'B'}
            onChange={() => handleRepayChannelChange('B', repayChannel.onChange)}
          />主动
        </label>
      </div>
    </div>
    <div className="col-sm-4">
      <div className="checkbox">
        <label>
          <input
            type="checkbox"
            name="channelType"
            checked={repayChannel.value === 'C'}
            onChange={() => handleRepayChannelChange('C', repayChannel.onChange)}
          />代扣
        </label>
      </div>
    </div>
  </div>
</InputGroup>

// 进行验证
const fields = {
  extension: '', // 填入相应的值
  maxExtenPeriods: '', // 填入相应的值
  repayChannel: '', // 根据选中状态填入对应的值:'offline'、'active'或'withhold'
};

checkRequired(fields);

const errors = validator(fields);
if (errors) {
  console.log(errors);
}

请根据您的具体需求和代码逻辑进行相应的修改。希望能对您有所帮助!


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

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

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

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

联系我们

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

微信号:3007537140

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

关注我们
x

注册

已经有帐号?