Как найти пробел в <input>с помощью селекторов CSS3?

Question

Мой путь: код

<form>
    <input type="text" value="">
    <input type="submit" value="submit"> type a space and press Submit
</form>

$('form').submit(function(){
    if($('input').val() == ' ') {
        alert($('input').val().length);
    }
   return false;    
});

Но я бы хотел решить эту проблему с помощью селекторов CSS3, таких как $('input[value*=" "]')

Answer 1

Если вы хотите использовать селектор CSS3 через jquery, тогда $(':input[value*=" "]') должен сделать это.

пример: http://www.jsfiddle.net/gaby/cruRd/

Если вы хотите создать действительное правило CSS3 в вашей таблице стилейтогда input[value*=' ']{..} будет работать, но только для значений в фактическом атрибуте ( в исходном коде ), а не для значения, измененного в браузере.

пример: http://www.jsfiddle.net/gaby/VzE9T/

Answer 2

Насколько я знаю, вы не можете манипулировать данными с помощью CSS; это язык форматирования. У вас нет переменных или функций, которые помогут вам найти что-то в строке. Вместо этого используйте JS.