[jQUERY] Activer/Désactiver un bouton en fonction d’élément d'un formulaire
Active tout les inputs de type submit, si un une touche de clavier est détecté dans une liste d'input donnée
1.
$(
'input[type="submit"]'
).attr(
'disabled'
,
true
);
2.
$(
'input[type="text"], input[type="number"], input[type="password"]'
).on(
'keyup'
,
function
() {
3.
$(
'input[type="submit"]'
).attr(
'disabled'
, !($(
this
).val() !=
''
));
4.
});
Active un input donné, si un une touche de clavier est détecté dans une liste d'input donnée
1.
function
isEnabledByOtherElement(elListend, elNeedChanged) {
2.
$(elNeedChanged).attr(
'disabled'
,
true
);
3.
$(elListend).on(
'keyup'
,
function
() {
4.
$(elNeedChanged).attr(
'disabled'
, !($(
this
).val() !=
''
));
5.
});}
Exemple BotFilter :
01.
//elListend : input[type="text"], input[type="number"], input[type="password"], input[type="checkbox"]
02.
//elNeedChanged : input[type="submit"]
03.
04.
function
BotFilter(elListend, elNeedChanged) {
05.
isEnabledByOtherElement(elListend, elNeedChanged)
06.
setTimeout(isEnabled(elNeedChanged,
false
), 5000);
07.
}
08.
09.
// Listener : Enabled / Disabled a input (elNeedChanged) according to others selected (elListend)
10.
function
isEnabledByOtherElement(elListend, elNeedChanged) {
11.
$(elNeedChanged).attr(
'disabled'
,
true
);
12.
$(elListend).on(
'keyup'
,
function
() {
13.
isEnabled(elNeedChanged, !($(
this
).val() !=
''
))
14.
});}
15.
16.
// Enabled / Disabled a input (elNeedChanged)
17.
function
isEnabled(elNeedChanged, statement) {$(elNeedChanged).attr(
'disabled'
, statement);}