如何在 jQuery 验证插件中使用自定义函数

Question

我正在研究自定义规则（jQuery 验证插件），它检查字符串（输入）的第一个和最后一个字母。

规则：用户不能输入。或 _ 在输入的开头或结尾。

我用纯 javascript 知识编写了一个函数。我不知道如何使用这个 jQuery 插件中的功能！

我的代码：

    var text = document.getElementById('UserName').value;
    var firstChar = text.slice(0, 1);
    var lastChar = text.slice(-1);

    function validUser() {

        if (firstChar === '.' || firstChar === '_' || lastChar === '.' || lastChar === '_') {
            return true;
        } else {
            return false;
        }

    }

我看过这个 link : https://jqueryvalidation.org/jQuery.validator.addMethod/

但我仍然不知道如何使用我自己的代码。

Answer 1

根据您链接的库的文档https://jqueryvalidation.org/jQuery.validator.addMethod/

这样定义，

jQuery.validator.addMethod("validUser", function(value, element) {
  //value is the val in the textbox, element is the textbox.
  var firstChar = value.slice(0, 1);
  var lastChar = value.slice(-1);

 if (firstChar === '.' || firstChar === '_' || lastChar === '.' || lastChar === '_') 
 {
    return true;
 } else {
    return false;
 }
}, 'Please enter a valid username.');

然后像这样使用它；

$("#UserName").rules("add", {
   validUser: true
});

如何在 jQuery 验证插件中使用自定义函数

How to use custom function in jQuery Validation Plugin

jquery

jquery-validate