JQuery Array/String Search

Question

Я работал над скриптом, который будет проверять, существует ли новый вход «значение/строка», но пока я не могу найти правильное/эффективное решение.

<input type="text" class="existingKeywords" value="string1, string2, string3"> 
<input type="text" class="newKeyword" value=""> 

значение .newKeyword будет защищать от ввода пользователя и сразу подавать кнопки мыши, она будет проверять, если newKeyword.val() уже существуют с .existingKeywords.val(); разделенных «»

Я пытался, но возвращает „JSON синтаксический неожиданный характер“

var arr = JSON.parse("[" + $('.existingKeywords').val() + "]"); 
    var newKey = $('.newKeyword').val(); 
    if(jQuery.inArray (newKey, arr)){ 
    alert('Found!'); 
    } 

Может кто-нибудь сказать мне, почему он не работает, или есть лучший подход, чем это?

Спасибо!

---

Спасибо большое, ребята, сценарий теперь отлично работает. Я хочу ответить «Проголосовать», но он требует 15 баллов, и на момент написания этой статьи у меня было только 13 репутации. И снова gracias все.

Answer 1

Это не работает, потому что эта линия:

var arr = JSON.parse("[" + $('.existingKeywords').val() + "]"); 

трактует этот путь:

var arr = JSON.parse("[string1, string2, string3]"); 

, которая не является правильным JSON - строки внутри должно быть в кавычках, иначе JSON.Parse не знает, что это string1.

Как другой предложил вам нужно использовать split здесь вместо этого, я хотел бы добавить только зачистка ведущие/ведомые пробелы:

var arr = $('.existingKeywords').val().split(',').map(function(s) { return s.trim();}) 
var newKey = $('.newKeyword').val().trim(); 
if($.inArray (newKey, arr) != -1){ 
    alert('Found!'); 
} 

Но почему бы вам не использовать select с несколькими всячески манипулировать? Удобнее, что ключевые слова типа я думаю.

Answer 2

Возможно, вы могли бы использовать старый добрый String.split()?

Что-то вроде этого:

var arr = $('.existingKeywords').val().split(','); 
var newKey = $('.newKeyword').val(); 

if(jQuery.inArray(newKey, arr) != -1){ 
    alert('Found!'); 
} 

Answer 3

var arr = $('.existingKeywords').val().split(','); 
    var newKey = $('.newKeyword').val(); 
    if($.inArray (newKey, arr)){ 
    alert('Found!'); 
    } 

Answer 4

Это будет проверять регистронезависимые значения дубликатов, а также и, пожалуйста, попробуйте получить значение ввода с идентификатором вместо класса безопаснее ...

var array = $('.existingKeywords').val().split(','); 
    var new_array =[] ; 

    for(var key in array) 
    new_array.push(array[key].toLowerCase()); 

    var newkeyword = $('.newKeyword').val().toLowerCase(); 

if($.inArray (newkeyword , new_array)!== -1){ 
    //found your value 
    }