自定義歐芹表單驗證不起作用

Question

我有一個包含一個字段的表單，需要一個自定義驗證器，我正在嘗試使用 Parsley v2.2.0-rc1 和 jQuery 2.1.4。 我已經確認 jQuery 和 Parsley 都在使用我的瀏覽器的開發人員工具加載（按此順序），以確保我為所有文件獲得 HTTP 200。 這是我想要做的：

<html>
  <form id="stuff" data-parsley-validate>
    <textarea id="stuffList" data-parsley-stuffList></textarea>
    <input type="submit">Submit</input>
  </form>
  <script type="text/javascript" src="jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="parsley.min.js"></script>
  <script type="text/javascript" src="mycode.js"></script>
</html>

mycode.js:
  jQuery(document).ready(function($) {
    window.Parsley.addValidator('stuffList', {
      requirementType: 'string',
      validateString: function(value) {
                        console.log('Starting validation');
                        if (something) {
                          return true;
                        } else {
                          return false;
                        }
                      },
      messages: {en: 'That stuff is not valid.'},
    });
  });

當我單擊提交時，我什至沒有收到 console.log 消息來讓我知道驗證函數甚至被調用了。 我究竟做錯了什么？

PS 我已經嘗試過使用表單標簽中的 parsley-data-validate 而不是，並且為 data-parsley-stuffList 設置了一些值而不是。 這些變化都不會導致驗證器執行。

Answer 1

像這樣將您的驗證器添加到ParsleyValidator對象

window.ParsleyValidator.addValidator('stufflist', function(value, requirements) {
    console.log('Starting validation');
    if (value == 'something') {
        return true;
    } else {
        return false;
    }
}, 34);

添加自定義消息

window.ParsleyConfig.i18n.en.stufflist='That stuff is not valid.'

通過在控制台中進行檢查來驗證您的驗證器是否存在

ParsleyValidator.validators

Answer 2

使用data-parsley-stuff-list代替data-parsley-stuffList ，使用data-parsley-validate代替parsley-data-validate ...

自定義歐芹表單驗證不起作用

問題描述

2 個解決方案

解決方案1
1 2015-09-29 08:40:31

解決方案2
0 2015-09-10 14:30:34

自定義歐芹表單驗證不起作用

問題描述

2 個解決方案

解決方案1 1 2015-09-29 08:40:31

解決方案2 0 2015-09-10 14:30:34

解決方案1
1 2015-09-29 08:40:31

解決方案2
0 2015-09-10 14:30:34