¿Cómo hacer una advertencia al usuario cuando los datos ingresados no son los adecuados? cuando un usuario esté ingresando sus datos, aparecerá una alerta cuando ingrese datos que no sean los adecuados. Por ejemplo, en el campo de entrada, el nombre de usuario solo debe usar el alfabeto y los números y no puede usar símbolos. Si el usuario ingresa un símbolo, aparecerá una alerta. ejemplo :
function validation() { let nameregex = /^[a-zA-Z]+$/; let emailregex = /^[a-zA-Z0-9]+@(gmail|yahoo|outlook)\.com$/; let userregex = /^[a-zA-Z0-9]{5,}; if (!nameregex.test(name.value)) { alert("Nama harus menggunakan alfabet"); return false; } if (!emailregex.test(email.value)) { alert("Masukan email yang valid"); return false; } if (!user.test(username.value)) { alert("username bisa menggunakan alphabet\n-username menggunakan 5 karakter\n "); return false; } return true; }Aquí hay un ejemplo minimalista de cómo puedes hacerlo. En este caso no se requiere JavaScript:
<form> <input type="text" name="name" required pattern="[a-zA-Z]+" title="letters only, at least one character" placeholder="Name"><br> <input type="text" name="name" required pattern="^[a-zA-Z][a-zA-Z._]*@(gmail|yahoo|outlook)\.com$" title="Only email accounts from Gmail, Yahoo or Microsoft are admissible." placeholder="email"><br> <input type="text" name="uname" required pattern="[a-zA-Z0-9]{5,}" title="Letters and numbers only, at least five characters are required." placeholder="username"> <button>OK</button> </form>