jQuery字符计数if语句

jQuery character count if statement

本文关键字：if 语句 字符 jQuery      更新时间：2023-09-26

我有以下字符计数插件:如果有超过9个字符警报类被添加到改变颜色为红色。我想要的是当我说'如果字符数大于9'时，将数字9替换为var。

if(number_of_characters >= 9) {

所以这个值总是可以从插件选项中调整，而不是在jQuery插件中改变这个值。

我该怎么做?

My working fiddle

这是一个工作小提琴。

我所做的是添加一个新选项- number_of_characters(你可以为它命名为你想要的):

$(textarea).CountCharacters({
    Start_Count: 0,
    Amount_Result: "counter",
    Alert_Class: "alert-counter",
    Amount_Limit: 19,
    number_of_characters: 5
});

然后，我没有硬编码这个值，而是引用了新的选项:

if(number_of_characters >= options.number_of_characters) {
    $("#"+options.Amount_Result).addClass(options.Alert_Class);
}
我还设置了一个新的默认选项: 
var defaults = {
  Start_Count: 0,
  Amount_Result: false,
  Alert_Class: false,
  number_of_characters: 9
}

您可以向defaults对象添加一个新属性，并从中读取。然后可以根据需要覆盖每个实例。试试这个:

// declaration:
var defaults = {
    Start_Count: 0,
    Amount_Result: false,
    Alert_Class: false,
    maximumCharacters: 9
}
// usage:
 if (number_of_characters >= options.maximumCharacters) {
    $("#" + options.Amount_Result).addClass(options.Alert_Class);
} else {
    $("#" + options.Amount_Result).removeClass(options.Alert_Class);
}

更新小提琴

使用选项Amount_Limit

$(textarea).CountCharacters({
    Start_Count: 0,
    Amount_Result: "counter",
    Alert_Class: "alert-counter",
    Amount_Limit: 9
});
if(number_of_characters >= options.Amount_Limit)
相关文章：