JQuery, javascript - выберите элемент по классу с помощью скобки

Question

Как я могу получить элемент по классу с помощью скобок?
пример:

<input class="validation[required,onlyNumber]"> 
<input class="validation[required]"> 
... 
$(something-here).blur(function(){...}); 

Как я могу установить валидация для обоих требуется?
Спасибо.

Answer 1

$('input[class^=validation]').blur(function(){...}); 

Answer 2

Brackets и commas являются мета-символы, так что вы должны избежать его первой.

Try,

$('.validation\\[required\\,onlyNumber\\]') 
$('.validation\\[required\\]') 

Answer 3

Попробуйте ^ Attribute starts with selector

$('input[class^="validation"]').blur(function(){...}); 

Answer 4

Использование

$('.validation\\[required\\,onlyNumber\\]') 

По docs

Чтобы использовать любой из метасимволов (таких как!) # $% & '() * +,./:; < =>? @ []^`{|} ~) Как буквальная часть имени, она должна быть экранирована двумя обратными косыми чертами: \\.

Answer 5

Вы можете получить все входные данные, которые имеют класс, содержащий [, используя этот селектор:

$('input[class*="["]').blur(function(){...}); 

, если вы все еще хотите использовать [], избежать их использования \\:

$('input.validation\\[required\\').blur(function(){...}); 

Проверьте это fiddle: DEMO HERE