Advertisement
Guest User

Untitled

a guest
Oct 19th, 2019
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.71 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="es" dir="ltr">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Validación de formulario</title>
  6. <script type="text/javascript">
  7. const name_is_valid = (name) => {
  8. var len = name.length;
  9. if ((len >= 2) && (name.charAt(0) !== ' ') && (name.charAt(len-1) !== ' ')) {
  10. return true;
  11. }
  12. return false;
  13. }
  14.  
  15. const age_is_valid = (age) => {
  16. var casted = Number(age)
  17. if (age > 0) {
  18. return true;
  19. }
  20. return false;
  21. }
  22.  
  23. const mail_is_valid = (mail) => {
  24. if (mail.includes('@')) {
  25. return true;
  26. }
  27. return false;
  28. }
  29.  
  30. const submit_if_valid = () => {
  31. var name = document.getElementaByName('name')[0];
  32. var age = document.getElementaByName('age')[0];
  33. var mail = document.getElementaByName('mail')[0];
  34. var form = document.getElementaByTagName('form')[0];
  35.  
  36. if (name_is_valid(name) && age_is_valid(age) && mail_is_valid(mail)){
  37. form.submit();
  38. }
  39. }
  40. </script>
  41. </head>
  42. <body>
  43. <form action="index.html" method="post" onsubmit="submit_if_valid()">
  44. Nombre: <input type="text" name="name"> <br>
  45. Edad: <input type="text" name="age"> <br>
  46. E-mail: <input type="text" name="mail"> <br>
  47. <input type="submit" name="" value="Enviar consulta">
  48. </form>
  49. </body>
  50. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement