RESOLVIDO:: Dificuldade Senha forte

Salve Scriptnianos!
Preciso de ajuda, no módulo de segurança existe o formulário adiciona usuário.
Não estou conseguindo fazer uma função para verificar se a senha é forte.
Verifiquei no Fórum existem alguns amigos que até colocaram alguma coisa referente ao assunto mais está trancado a sete chaves.
Tenho certo conhecimento com javascript, mas não estou sabendo usar no SC.
Se alguma alma bondosa poder me mostrar o caminho das pedras serei eternamente grato.
Acredito que seja o meu último pedido de socorro.
Uso o SC algum tempo, mas confesso que estou cada vez mais decepcionado.
Um abraço Scriptnianos!


image
image
image

Download (o link pode expirar):
https://bit.ly/3AAa73T

Importar como aplicação.

Para senha ser forte: Uma letra maiúscula (no mínimo) , números, simbolos (7 digitos)
Para senha ser Excelente: Uma letra maiúscula (no mínimo) , números, simbolos (8 digitos ou mais).

ONSCRIPTINIT:

ECHO <<<HTML
<style>
#id_sc_field_senha {
  width: 155px;
  padding-right: 20px;
}

.olho {
    cursor: pointer;
    left: -24px;
    position: relative;
    width: 16px;
    vertical-align: middle;
}

.notification {
	padding:3px;
    color:#FFFFFF;
    font-style: italic;
    text-align: center;
	width: 175px;
 }
.scFormDataHelpOdd {
	display: initial !Important;
}
 
</style>
HTML;

JAVASCRIPT/FORM/ONLOAD:

$('#id_read_off_senha').append('<i class="far fa-eye olho" style="color: #8492A5; font-size: 16px;"></i>');

$(".olho").mousedown(function(){
  $("input[name='senha']").attr("type","text");
});

$(".olho").mouseup(function(){
  $("input[name='senha']").attr("type","password");
});

$( ".olho" ).mousemove(function( event ) {
  $("input[name='senha']").attr("type","password");
});

$("input[name='senha']").keyup(function(){
	
	var pwd = $("input[name='senha']").val();
	var power = 0;
	var color = '';
	var somb = 5;
	
	if((pwd.length >= 4) && (pwd.length <= 8)){
		power += 10;
		somb = 30;
	}else if(pwd.length > 8){
		power += 25;
		somb = 30;
	}
	
	if((pwd.length >= 5) && (pwd.match(/[a-z]+/))){
		power += 10;
		somb = 60;
	}

	if((pwd.length >= 6) && (pwd.match(/[A-Z]+/))){
		power += 20;
		somb = 80;
	}

	if((pwd.length >= 8) && (pwd.match(/[@#$%&;*]/))){
		power += 25;
		somb = 100;
	}

	if( (pwd.length >= 12)  && (pwd.match(/[@#$%&;*]/)) && (pwd.match(/[A-Z]+/))) {
		power += 20;
	}
	
	
	if(power < 35 ){
		color = '#ED1130';
		$('.notification').html('Fraca ('+power+')');
	}else if((power >= 35) && (power < 45)){
		color = '#FBA705';
		$('.notification').html('Média ('+power+')');
	}else if((power >= 45) && (power < 75)){
		color = '#080DF5';
		$('.notification').html('Forte ('+power+')');
	}else if(power >= 75){
		color = '#028640';
		$('.notification').html('Excelente ('+power+')');
	}
	
	if(pwd.length > 0) {
		$('.notification').css('background','-webkit-linear-gradient(left, '+color+' '+power+'%, #000 '+somb +'%)');
	}else{
		$('.notification').css('background','');
		$('.notification').html('');
	}
	
});

DESCRICÃO DE AJUDA DO CAMPO SENHA (MODO TEXTO):

<div class="notification"></div>

TAGS: HAROLDO, PASSWORD, SENHA, FRACA, FORTE, CONTROLE, JAVASCRIPT

2 Curtidas

Salve grande Haroldo, mestre dos Scriptianos!!!
Como sempre nos ajudando os simples mortais!
Perfeito era isso mesmo que estava precisando, agora sim entendi como inserir javascript no SC depois de muito tempo de luta e sofrimento.

Só não consigo entender porque a Net Make não contrata você para o suporte, tudo seria mais simples, investem em seminários de css e customização outras bobagens etc…

Fica aqui o meu pedido!
Net Make graças a esse cara “HAROLDO” que ainda insisto em usar o SC, se não fosse ele muitos já teriam migrado para outros frameworks eu seria o primeiro.

Muito obrigado, fico devendo mais essa!

3 Curtidas

Olá Haroldo, desculpe o link já expirou e gostava muito que pudesse disponibilizar um novo.
Muito obrigado.

Enviei para sua caixa de mensagens.

Olá Haroldo você é incrível. Muito obrigado

Ola Haroldo.

Pode mandar para mim também ? Obrigado