jquery验证用逗号输入的文本

Question

我有以下内容来检查输入的文本是否有逗号。

$("#keywords").change(function() {
    if (this.value.indexOf(",") == -1) {
        alert('Please separate multiple keywords with a comma.');
    }
});

我基本上想要一种方法来告诉用户，如果他输入多个没有逗号的单词，他需要用逗号分隔它。上述更改事件似乎每次都会触发。我确信有更好的事件可以做到这一点。任何人都可以建议一下吗？谢谢

Answer 1

检查用户是否输入了多个单词，即值是否包含空格，然后显示消息。

if(this.value.indexOf(" ") > -1) {

<小时/>

我建议您在输入中使用pattern，如下所示。

[a-zA-Z]+(,\s*[a-zA-Z]+)*

Regex online Demo and Explanation

1. [a-zA-Z]+:允许一个或多个字母，包括小写和大写
2. (,\s*[a-zA-Z]+)*:允许零个或多个以逗号开头并用可选空格分隔的字符串，然后是一个或多个字母。<

span {
  display: none;
  color: red;
}
input:invalid {
  border: solid 1px red;
}
input:invalid ~ span {
  display: block;
}

<input id="keywords" pattern="[a-zA-Z]+(,\s*[a-zA-Z]+)*" /><span>Keywords should be separated by comma</span>