Estoy aprendiendo Javascript y tengo problemas con una tarea. Se supone que debo crear un código Javascript que verifique si la entrada del usuario es válida. Las instrucciones dicen

Solicite al usuario que ingrese su nombre, apellido, ID de usuario y fecha de nacimiento en formato de fecha tipo. El ID de usuario debe contener mayúsculas, minúsculas, un número y tener entre 8 y 12 caracteres. Cree una función JS para verificar los formatos del campo UserID. Deberá usar Loop For para iterar a través de sus campos de datos carácter por carácter, y funciones JS como char.toUpperCase() y parsInt(char) o RegExp() para validar el Formato de ID de usuario.

No tengo idea de cómo hacer eso. He intentado algo como esto

 <form id = "myForm" action=""> <label for="uid">User Id:</label> <input type="name" id="uid" name="uid"><br> <label for ="fname"> First Name:</label> <input type = "text" id="fname" name="fname"><br> <label for="lname">Last name:</label> <input type="text" id="lname" name="lname"><br> <label for ="birthday"> Birthday:</label> <input type="date" id="birthday" name = "birthday"><br> <input type="submit" id = "accept" value="Accept"> </form> <div id = "validate"> </div> <script> form.onsubmit = function() { let uIdText = document.getElementById('uId'); let pattern = \d; let result = pattern.test(uidText); if result = true {document.getElementById("validate").innerHTML = "Valid User ID"} else document.getElementById("validate").innerHTML = "UserID needs to include a number"; </script>

Pero eso no funciona, y no usa un bucle.

* ACTUALIZACIÓN: Probé esto

 var uIdText = document.getElementById(uId).innerHTML; var myForm = document.getElementById(myForm).innerHTML; var result = document.getElementById(validate).innerHTML; myForm.onsubmit = function validate(uIdText) { uIdLength(); /regexp(?=.[az])(?=.\d)(?=.[AZ]); } function uIdLength(uIdText){ if uIdText.legth >=8 && <=12 == true; then result = "Form Submitted"; else result = "Invalid User Id" } validate(uIdText);

pero eso tampoco funcionó.