Вот Js:
var incorrect_name_placeholder = "Укажите ваше имя";
var incorrect_phone_placeholder = "Укажите ваш телефон";
$("form").submit(function ()
{
var name = $(this).find("input[name='name']");
var phone = $(this).find("input[name='phone']");
var result = true;
if (name.val() != "" && name.val() != incorrect_name_placeholder)
{
name.removeClass('incorrect');
} else
{
name.addClass('incorrect');
name.val("Укажите ваше имя");
result = false;
}
if (phone.val() != "" && phone.val() != incorrect_phone_placeholder)
{
phone.removeClass('incorrect');
} else
{
phone.addClass('incorrect');
phone.val(incorrect_phone_placeholder);
result = false;
}
if (result) { return true; } else { return false; }
});
$("input[type='text'],input[type='tel'],input[type='email']").click(function ()
{
if ($(this).val() == incorrect_name_placeholder)
{
$(this).val("");
}
if ($(this).val() == incorrect_phone_placeholder)
{
$(this).val("");
}
$(this).removeClass('incorrect');
});
Вот сама форма:
<a href="#x" class="overlay" id="zvon2"></a>
<div class="popup zayava">
<div class="k_form center_bg">
<div class="txt"><span>Закажите обратный</span><br>звонок</div>
<form action="mail/mailer.php" method="post">
<input type="hidden" name="mail2" value="">
<input class="inp_txt center_bg" type="text" name="name" placeholder="Имя:">
<input class="inp_txt center_bg" type="tel" name="phone" placeholder="Номер телефона:">
<input class="inp_txt center_bg" type="email" name="email" placeholder="E-mail:">
<input class="inp_txt center_bg" type="text" name="city" placeholder="Город:">
<textarea class="inp_area center_bg" placeholder="Отзыв" id="textarea" name="textarea"></textarea>
<input type="submit" class="inp_sbm" value="Отправить">
</form>
</div>
</div>