创建自定义验证器以检查输入是否是 Parsley 中的字符串

Question

我想创建一个自定义验证器来检查输入是否是字符串而不是数字。示例：我在输入中输入 2 它应该显示错误消息，并且当我输入 data-parsley-name

时会触发它

<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript" src="js/parsley.min.js"></script>

<input type="text" id="f_name" name="f_name" placeholder="Enter First Name" data-parsley-required="true" data-parsley-trigger=" focusout" data-parsley-name>

window.Parsley.addValidator('name', {
        requirementType: 'string',
        validateString: function(value) {
            if(isNaN(value)){
                return value;
            }
        },
        messages: {
          en: 'Enter a Valid Name',

        }
      });

Answer 1

我发现我可以使用 data-parsley-pattern="^[a-zA-Z]+$"

Answer 2

使用jQuery的.isNumeric()https://api.jquery.com/jQuery.isNumeric/

    validateString: function(value) {
        if($.isNumeric(value) == false){
            return value;
        }
    }

Answer 3

在你的验证器函数中改变这个：

validateString: function(value) {
        if(value === "" + value){
            return value;
            console.log(this.messages.en);
        }
    }

但如果您想验证数字，请使用以下代码：if(Number(value) === value);。

Number(value) 正在将您的价值转化为数字。如果它等于您的输入，它将返回并打印消息。