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

时间:2019-06-05 16:53:46

标签: jquery jquery-validate

我正在研究一个自定义规则(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;
        }

    }

我已经看到此链接:https://jqueryvalidation.org/jQuery.validator.addMethod/

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

1 个答案:

答案 0 :(得分:0)

根据您链接的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
});