在 Parsley js 中使用自定义验证

Question

我想使用 Parsley js 只允许字母、破折号和下划线。这是我的代码

<html>
    <head>
        <title>Alphadash</title>
        <link rel="stylesheet" href="css/Parsley.css">
    </head>
    <body>
        <form id="demo-form" data-parsley-validate="">
            <label>Please enter a alphadash:</label>
            <input type="text" name="slug" required data-parsley-alphadash="">

            <input type="submit">
        </form>

        <script src='js/jquery.min.js'></script>
        <script src='js/Parsley.min.js'></script>
        <script type="text/javascript">
        window.Parsley.addValidator('alphadash', {
          validateString: function(value) {
            return true == (/^\d+$/.test(value));
          },
          messages: {
            en: 'Only alphabetic letters, dashes and underscores allowed.'
          }
        });
        </script>
    </body>
</html>

我知道您可以使用 Pattern 内置函数来做到这一点。但就我而言，我想使用自定义函数。

Answer 1

你应该添加

return true == (/^[a-z-_]+$/.test(value));

Demo

Answer 2

只需使用内置的 pattern 验证器。

在 Parsley js 中使用自定义验证

Use custom validation in Parsley js

javascript

jquery

parsley.js