扩展Magento 2 Rules.js而不覆盖核心js文件？

Question

是否可以覆盖 Magento_Ui/js/lib/validation/rules.js 文件而不映射该文件，如下例所示？

var config = {
    "map": {
        "*" : {
            'Magento_Ui/js/lib/validation/rules' : 'Test_Custom/js/validation/rules'
        }
    }
};

是否有更优雅的方法来添加表单验证，也可以在结账步骤中使用？

谢谢

Answer 1

在 Vendor/Module/view/adminhtml/ 中创建 requirejs-config.js

var config = {
config: {
    mixins: {
        'Magento_Ui/js/lib/validation/rules': {
            'Vendor_Module/js/lib/validation/rules': true
           }
         }
      }
 };

在Vendor/Module/view/base/web/js/lib/validation中创建rules.js

define([
'jquery',
'underscore',
'moment',
'mage/translate'
], function ($, _, moment) {
'use strict';

return function (validator) {
    var validators = {
        'validate-number-custom': [
            function (value) {
                console.log("You logic here");
                return /^[a-zA-Z ]*$/i.test(value);
            },
            $.mage.__('Please enter a valid number in this field.')
        ]
    };

    validators = _.mapObject(validators, function (data) {
        return {
            handler: data[0],
            message: data[1]
        };
    });

    return $.extend(validator, validators);
  };
});

Answer 2

谢谢你。这对我的问题有用。