всем привет!
Я хочу сделать так, что б когда не заполненое поле (тоесть атрибут required), то оно тряслось.
У меня есть не большой код
<form id="signin" method="" action="" autocomplete="off">
<input type="text" id="user" name="user" placeholder="username" required />
<input type="password" id="pass" name="pass" placeholder="password" required
<button type="submit"></button>
</form>
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
#signin input:required{
}
и я хожу вокруг да около.
надо сделать так что б когда заполненое поле и нажимают на кнопку подтвердить оно тряслось. заранее спасибо.