Tengo un código que hace un checking del password y si este es corto, imprime lo correspondiente.
Mi problema es que tengo la variable return y necesito que esta imprima un texto envuelto en <p>...</p>
, pero no se muy bien como hacer. Aquí os dejo el código.
$('#password').keyup(function () {
$('#result').html(checkStrength($('#password').val()))
})
function checkStrength(password) {
var strength = 0
if (password.length < 6) {
$('#result').removeClass()
$('#result').css("background-color", "red"),
return 'Too short'
}
if (password.length > 7) strength += 1
if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) strength += 1
if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) strength += 1
if (password.match(/([!,%,&,@,#,$,^,*,?,_,~])/)) strength += 1
if (password.match(/(.*[!,%,&,@,#,$,^,*,?,_,~].*[!,%,&,@,#,$,^,*,?,_,~])/)) strength += 1
if (strength < 2) {
$('#result').removeClass(),
$('#result').css("background-color" , "orange")
return 'Weak'
} else if (strength == 2) {
$('#result').removeClass()
$('#result').css("background-color", "green")
return 'Good'
} else {
$('#result').removeClass()
$('#result').css("background-color", "var(--jobcafe-grün)")
return 'Strong'
}
}
Espero que alguien me pueda ayudar. Un saludo