Как проверить что input не пуст и в случае true добавить класс
Доброго времени суток!
Есть форма: <form action="#" name="user-form" class="form"> <div class="wrapper_input"> <input type="text" class="input" id="company_name" name="company_name" placeholder="Компания" /> </div> <div class="wrapper_input"> <input type="text" class="input" id="user_name" name="user_name" placeholder="Контактное лицо*" required/> </div> <div class="wrapper_input"> <input type="tel" class="input" id="tel"e name="tel" placeholder="Телефон*" required/> </div> <div class="wrapper_input"> <input type="mail" class="input" id="email"e name="email" placeholder="E-mail*" required /> </div> <div class="wrapper_submit"> <input class="submit" type="submit" value="Отправить"/> </div> </form> Нужно проверить что input не пуст. И в случае, если был введен текст добавить input'у класс. Должно работать для ВСЕХ input'ов!!! |
Zhyhana,
так?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<title>Быстрый переход внутри документа</title>
</head>
<body>
<form action="#" name="user-form" class="form">
<div class="wrapper_input">
<input type="text" class="input" id="company_name" name="company_name" placeholder="Компания" />
</div>
<div class="wrapper_input">
<input type="text" class="input" id="user_name" name="user_name" placeholder="Контактное лицо*" required/>
</div>
<div class="wrapper_input">
<input type="tel" class="input" id="tel"e name="tel" placeholder="Телефон*" required/>
</div>
<div class="wrapper_input">
<input type="mail" class="input" id="email"e name="email" placeholder="E-mail*" required />
</div>
<div class="wrapper_submit">
<input class="submit" type="submit" value="Отправить"/>
</div>
</form>
<script>
$('input:submit').click(function () {
$('input').each(function (i, input) {
if(!input.value.length) return;
$(input).addClass('newClass')
})
})
</script>
</body>
</html>
|
|
$('input').on('change', function () {if ($(this).val()!='') $(this).attr('class','classSomethingIn');});
Я не проверял и набросал черновой вариант, как бы я начал искать решение проблемы. |
| Часовой пояс GMT +3, время: 21:52. |