Anduvimos investigado en distintos espacios y así mostrarte la solución para tu dilema, en caso de alguna duda deja la duda y te responderemos con mucho gusto, porque estamos para servirte.
Ejemplo 1: contraseña y confirmación de validación de contraseña js
varcheck=function()if(document.getElementById('password').value==document.getElementById('confirm_password').value)document.getElementById('message').style.color='green';document.getElementById('message').innerHTML='matching';elsedocument.getElementById('message').style.color='red';document.getElementById('message').innerHTML='not matching';
Ejemplo 2: cómo configurar la validación para el correo electrónico en javascript
<script language="javascript">functioncheckEmail()var email =document.getElementById('txtEmail');var filter =/^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]2,4)+$/;if(!filter.test(email.value))alert('Please provide a valid email address');
email.focus;returnfalse;</script>
Ejemplo 3: validación de contraseña en javascript
varcheck=function()if(document.getElementById('password').value==document.getElementById('confirm_password').value)document.getElementById('message').style.color='green';document.getElementById('message').innerHTML='matching';elsedocument.getElementById('message').style.color='red';document.getElementById('message').innerHTML='not matching';let pattern =newRegExp("^(?=(.*[a-zA-Z])1,)(?=(.*[0-9])2,).8,$");//Regex: At least 8 characters with at least 2 numericalslet inputToListen =document.getElementById('pass-one');// Get Input where psw is writelet valide =document.getElementsByClassName('indicator')[0];//little indicator of validity of psw
inputToListen.addEventListener('input',function()// Add event listener on inputif(pattern.test(inputToListen.value))
valide.innerHTML='ok';else
valide.innerHTML='not ok');
Ejemplo 4: validación de formulario para correo electrónico en js
<script>functionvalidateform() name=="")alert("Name can't be blank");returnfalse;elseif(password.length<6)alert("Password must be at least 6 characters long.");returnfalse;
Acuérdate de que puedes valorar este tutorial si te fue de ayuda.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)