语义UI正则表达式解析器似乎无法正常工作

在我的信用卡结帐表格中,我有以下内容:

    $('#checkout-info')
        .form({
            on     : 'blur',
            fields : {
                    id_cc_num : {   identifier: 'id_cc_num',
                                    optional: true,
                                    rules: []},
                    id_cc_CVC : {   identifier: 'id_cc_CVC',
                                    optional: true,
                                    rules: [{   type: 'regExp[/\d{3,4}/]',
                                                prompt: 'CVC must be three or four digits'}]},
                    id_cc_month : { identifier: 'id_cc_month',
                                    optional: true,
                                    rules: [{   type: 'integer[1..12]',
                                                prompt: 'MM must be a two-digit month designator - 01 thru 12'}]},
                    id_cc_year : {  identifier: 'id_cc_year',
                                    optional: true,
                                    rules: [{   type: 'integer[2016..2036]',
                                                prompt: 'Year must be at least 2016'}]},
            inline : 'true'
        });

除了regExp验证之外,所有显示的验证都能正常工作.正则表达式/\d {3,4} /通过www.regexr.com中的正则表达式测试,但它不会通过语义regExp测试.如果CVC字段上的regExp替换为以下内容,那么它可以工作,但我更喜欢正则表达式的简洁:

rules: [{   type: 'minLength[3]',
            prompt: 'CVC must be three or four digits'},
        {   type: 'maxLength[4]',
            prompt: 'CVC must be three or four digits'}]},

Goran Mottra.. 5

由于regExp表达式是字符串的一部分,因此您需要使用双反斜杠转义反斜杠\\,以及前导^和$忽略较大数字中的匹配模式.结果模式将是:

'regExp[/^\\d{3,4}$/]'

$(function() {
  $('#checkout-info').form({
    on: 'blur',
    fields: {
      id_cc_CVC: {
        identifier: 'id_cc_CVC',
        optional: true,
        rules: [{
          type: 'regExp[/^\\d{3,4}$/]',
          prompt: 'CVC must be three or four digits'
        }]
      },
    },
    inline: 'true'
  });
});

  

    

      CVC
      
    
    Submit
  

'regExp[/^\\d{3,4}$/]'

$(function() {
  $('#checkout-info').form({
    on: 'blur',
    fields: {
      id_cc_CVC: {
        identifier: 'id_cc_CVC',
        optional: true,
        rules: [{
          type: 'regExp[/^\\d{3,4}$/]',
          prompt: 'CVC must be three or four digits'
        }]
      },
    },
    inline: 'true'
  });
});

  

    

      CVC
      
    
    Submit