Проверка поля jQuery - пусто или нет, и правильные значения?

Question

Проверка поля jQuery - пусто или нет, и правильные значения?

0

У меня есть относительно простой набор входов, которые нуждаются в правильной проверке, и до сих пор у меня есть икота. После нажатия кнопки send, только пустые поля должны быть заполнены классом.errorVal, чтобы дать им красный фон. Итак, это визуальная сторона проверки. Кроме того, мне нужны эти поля для проверки характера. Итак, первое и последнее имя не могут содержать числа. Электронная почта должна иметь символ @в какой-то момент. Есть идеи?

http://jsbin.com/OlUGiXE/1/edit?html,css,js,output

$('.sendSupport').click(function () {
    if ($("table.forceCenter > input[type=text]:empty").length == 0 && $("textarea:empty").length == 0) {
        //alert('sent')
        $('.sentVal').fadeIn();
        $('.emptyVal').hide();
        // clear values
        $("input[type=text], textarea").val('').removeClass('errorVal');
    } else {
        //alert('empty')
        $('.emptyVal, .errorStar').fadeIn();
        $('.sentVal').hide();
        $("input[type=text]:empty, textarea:empty").addClass('errorVal');
    }
});

triplethreat77 02 дек. 2013, в 16:56

Источник

3

посмотрите на структуру валидации, такую как валидация jQuery
Arun P Johny 02 дек. 2013, в 15:15
0

Как указано выше, взгляните на jQuery Validation. Это спасает головные боли. У него есть большинство ваших обычных требований проверки.
buzzsawddog 02 дек. 2013, в 15:18
0

Использование плагина не вариант.
triplethreat77 02 дек. 2013, в 15:20
1

Если вы не можете использовать плагин, вы должны написать свои собственные правила проверки. Вы должны изучить регулярные выражения, чтобы реализовать свои правила.
Sven Bieder 02 дек. 2013, в 15:26
0

посмотрите на jsfiddle.net/arunpjohny/4B8GJ/1, насколько это просто
Arun P Johny 02 дек. 2013, в 15:26
1

Пустой селектор не делает то, что вы думаете, он делает, он просто проверяет, есть ли у элемента дочерние узлы
Arun P Johny 02 дек. 2013, в 15:29

Показать ещё 4 комментария

Теги:

javascript

jquery

css

validation

input

1 ответ

Ещё вопросы

посмотрите на структуру валидации, такую как валидация jQuery
Как указано выше, взгляните на jQuery Validation. Это спасает головные боли. У него есть большинство ваших обычных требований проверки.
Использование плагина не вариант.
Если вы не можете использовать плагин, вы должны написать свои собственные правила проверки. Вы должны изучить регулярные выражения, чтобы реализовать свои правила.
посмотрите на jsfiddle.net/arunpjohny/4B8GJ/1, насколько это просто
Пустой селектор не делает то, что вы думаете, он делает, он просто проверяет, есть ли у элемента дочерние узлы

Aditzu · Answer 1 · 2013-12-02T12-46-00.000Z

Чтобы проверить, не является ли каждый вход пустым, вы можете сделать что-то вроде этого:

jQuery("input[type=text]").each(function() 
    {  

if($(this).val()=="")
 {
 $(this).addClass("errorVal");
}   

});

Чтобы проверить, имеет ли вход номер, взгляните на ссылку ниже:

Проверьте, содержит ли входная строка номер

И если вход содержит "@", прочитайте эту проверку Jquery, если вход.val() содержит определенные символы