Parsley JS - 禁用单个验证器的消息

时间:2016-11-10 05:44:02

标签: javascript jquery validation parsley.js

目前我有两个自定义验证器,一个触发另一个,我只需要显示其中一个验证器的错误信息。

我知道您可以使用data-parsley-errors-messages-disabled禁用所有邮件,但有没有办法在Parsley中禁用单个验证器的邮件?

请参阅此处示例 - http://jsfiddle.net/tp9esyt0/1/

JS:

window.Parsley.addValidator('ccexp', {
  validate: function(values, id) {
    if($('#' + id + '_month').val() == '' || $('#' + id + '_year').val() == '') {
      return false
    }

    return true
  },
  messages: {
    en: 'Please provide both month and year'
  }
})

window.Parsley.addValidator('ccexpLink', {
  validate: function(values, id) {
    $('#' + id + '_month').parsley().validate()
    return $('#' + id + '_month').parsley().validate() == true ? true : false
  },
  messages: {
    en: ' '  // <-- Howto disable this message completley
  }
})

$('#myform').parsley().on('form:submit', function() {
  return false
})

HTML:

<form id="myform">
<select name="month" id="exp_month" data-parsley-validate-if-empty data-parsley-trigger="change" data-parsley-ccexp="exp">
  <option value="" selected="selected"></option>
  <option value="01">01 - Jan</option>
  <option value="02">02 - Feb</option>
  <option value="03">03 - Mar</option>
  <option value="04">04 - Apr</option>
  <option value="05">05 - May</option>
  <option value="06">06 - Jun</option>
  <option value="07">07 - Jul</option>
  <option value="08">08 - Aug</option>
  <option value="09">09 - Sep</option>
  <option value="10">10 - Oct</option>
  <option value="11">11 - Nov</option>
  <option value="12">12 - Dec</option>
</select>
<select name="year" id="exp_year" data-parsley-validate-if-empty data-parsley-trigger="change" data-parsley-ccexp-link="exp">
  <option value="" selected="selected"></option>
  <option value="2016">2016</option>
  <option value="2017">2017</option>
  <option value="2018">2018</option>
  <option value="2019">2019</option>
  <option value="2020">2020</option>
  <option value="2021">2021</option>
  <option value="2022">2022</option>
  <option value="2023">2023</option>
  <option value="2024">2024</option>
  <option value="2025">2025</option>
  <option value="2026">2026</option>
</select>
<input type="submit" />

1 个答案:

答案 0 :(得分:0)

一种更好的方法是将两个字段的包装器视为要附加自定义验证的字段。我希望这是正式的,但还没有完成。检查this example

另一种替代方法是确保第二个字段的更改在第一个字段中触发验证。目前尚无内置方法,但您可以手动执行此操作,例如:

$('.second-field').on('input', function() {
  $('.first-field').trigger('input')
} )