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

Question

我正在研究一个自定义规则(jQuery Validation Plugin(，它检查字符串(input(的第一个和最后一个字母。

规则：用户不能在输入的第一个或结尾输入 . 或 _。

我

用我纯粹的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;
        }
    }

我看到了这个链接：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
});