<form action="login.php">
Логин: <input type="text"><br>
Парроль: <input type="password"><br>
<input type="button" value="Вход">
Как сделать так чтобы при нажатии на "Вход" сначало проверяло пстые ли строки или нет и если пустые то резко перекрасить фон input в красный и плавно вернул в исходный а в случае если они заполнены то обработать форму?
Раньше я делал это но забыл как т.к. с jquery не работал давно
Спустя 41 минута, 5 секунд (3.09.2012 - 23:12) killer8080 написал(а):
Например так
<script type="text/javascript">
$(document).ready(function(){
$("#enter_btn").click(function(){
var login = this.form.login,
pass = this.form.pass;
if(!$(login).val() || !$(pass).val()){
$(login).css('background-color', '#F00');
$(pass).css('background-color', '#F00');
} else {
this.form.submit();
}
});
});
</script>
<form action="login.php">
Логин: <input name="login" type="text"><br>
Парроль: <input type="password" name="pass"><br>
<input type="button" id ="enter_btn" value="Вход">
</form>
Спустя 24 минуты, 42 секунды (3.09.2012 - 23:37) Xakep написал(а):
спасибо...только он перекрашивает в красный а истиный цвет не возвращает. А мне надо чтоб он перекрасил в красный и плавно вернул истиный :)
попробовал так:
не работате :(
попробовал так:
$(login).animate({ backgroundColor: "#ff4800" }, 1000);
не работате :(
Спустя 9 часов, 35 минут, 16 секунд (4.09.2012 - 09:12) killer8080 написал(а):
| Цитата (Xakep @ 4.09.2012 - 00:37) |
| попробовал так: $(login).animate({ backgroundColor: "#ff4800" }, 1000); не работате :( |
читаем мануал
| Цитата |
| All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be, unless the jQuery.Color() plugin is used). |
<script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script src="https://raw.github.com/jquery/jquery-color/master/jquery.color.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#enter_btn").click(function(){
var login = this.form.login,
pass = this.form.pass;
if(!$(login).val() || !$(pass).val()){
$(login).css('background-color', '#F00').animate({ backgroundColor: "#fFF" }, 1000);
$(pass).css('background-color', '#F00').animate({ backgroundColor: "#fFF" }, 1000);
} else {
this.form.submit();
}
});
});
</script>
<form action="login.php">
Логин: <input name="login" type="text"><br>
Парроль: <input type="password" name="pass"><br>
<input type="button" id ="enter_btn" value="Вход">
</form>
Спустя 3 часа, 28 минут, 48 секунд (4.09.2012 - 12:41) Xakep написал(а):
| Цитата |
читаем мануал |
там же не понашенски написано
но библиотека jquery.color.js у меня все равно была подключена
Спасибо, код работает
