在Parsley js中使用自定义验证

时间:2017-02-22 09:59:56

标签: javascript jquery parsley.js

我想使用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内置函数来做到这一点。但在我的情况下,我想使用自定义功能。

2 个答案:

答案 0 :(得分:1)

你应该添加

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

Demo

答案 1 :(得分:0)

只需使用内置pattern验证程序。