Помогите разблокировать кнопку
Помогите пожалуйста со скриптом для кнопки:
<form method="post" action="" > <p><label for="login">Логин</label><input type="text" name="login" id="login"></p> <p><label for="pass">Пароль</label><input type="password" name="pass" id="pass"></p> <p><button id="button" type="submit" disabled>Вход</button></p> </form> Нужно чтобы кнопка принимала значение disabled, пока не заполнены оба поля (желательно с проверкой не менее 5 знаков). |
$("#login").change(function(){
login = $("#login").val();
var expLogin = /^[a-zA-Z0-9_]+$/g;
var resLogin = login.search(expLogin);
if(resLogin == -1){
$("#login").next().hide().text("Неверный логин").css("color","red").
fadeIn(400);
$("#login").removeClass().addClass("inputRed");
loginStat = 0;
buttonOnAndOff();
}else{
loginStat = 1;
buttonOnAndOff();
}
function buttonOnAndOff(){
if(loginStat == 1){
$("#submit").removeAttr("disabled");
}else{
$("#submit").attr("disabled","disabled");
}
}
|
не работает:cray:
я крайне туговат в js, но мне бы без всяких текстовых полей, просто пока не заполнены поля, горит блеклым цветом, который даёт disabled, а заполнили, всё активная. |
var form = $('#myForm'),
login = $('#login'),
pass = $('#pass'),
submit = $('#button');
form.change(function(){
if(login[0].value != '' && pass[0].value != ''){
button.disabled = false;
}else{
button.disabled = true;
}
})
http://jsfiddle.net/wa5BM/ |
Спасибо, то что нужно:dance:
Единственное, когда поля заполнены чтобы кнопка разблокировалась надо мышкой щёлкнуть куда-нибудь в другое место. Не критично, но может можно как-то чтобы сразу разблокировалась как что-то ввёл? И чтобы стили подключились, надо чтоб ярче стала, работал hover и active только после разблокировки. Но всё равно огромное спасибо. |
| Часовой пояс GMT +3, время: 08:29. |