Advertisement
Martupi8

REGISTER.PHP

Mar 17th, 2020
277
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.40 KB | None | 0 0
  1. <!doctype HTML>
  2. <html>
  3.   <head>
  4.   <?php include 'imports.php' ?>
  5.     <title>Plantilla de aplicación</title>
  6.    
  7.   </head>
  8.  
  9.   <body>
  10.   <?php include 'header.php'; ?>
  11.  
  12. <div class="center">
  13. <h2>Registro de nuevo usuario</h2></div>
  14.  
  15. <div class="block-form">
  16. <!-- <form action="index.php" method="POSTs"> -->
  17. <form onsubmit="return validateForm ()">
  18.  
  19. <div class="form-group">
  20. <label for="nombre"> Nombre:</label>
  21. <input type="text" name = "nombre" required>
  22. </div>
  23.  
  24. <div class="form-group">
  25. <label for="apellidos">Apellidos:</label>
  26. <input type="text" name="apellidos" required>
  27. </div>
  28.  
  29. <div class="form-group">
  30. <label for="telefono">Telefono:</label>
  31. <input type="telephone" name="telefono" required>
  32. <select name="prefijo">
  33. <option value = "34" selected> España (+34)</option>
  34. <option value = "1"> EE.UU (+1)</option>
  35. <option value = "6"> otro (+6)</option>
  36. </select>
  37. </div>
  38.  
  39. <div class="form-group">
  40. <label for="password1">Contraseña:</label>
  41. <input type="password" name="password1">
  42. </div>
  43.  
  44. <div class="form-group">
  45. <label for="password2">Repetir contraseña:</label>
  46. <input type="password" name="password2">
  47. </div>
  48.  
  49. <div class="form-group">
  50. <label for="accept-terms">Acepto los términos</label>
  51. <input name="accept-terms" type = "checkbox">
  52. </div>
  53.  
  54. <input type="submit">
  55. </form>
  56. </div>
  57.  
  58. <script>
  59.     function validateForm (){
  60.       let nombre = document.getElementById("nombre").value;
  61.       let apellidos = document.getElementById("apellidos").value;
  62.       let telefono = document.getElementById("telefono").value;
  63.       let email = document.getElementById("telefono").value;
  64.       let usuario = document.getElementById("telefono").value;
  65.       let password1 = document.getElementById("password1").value;
  66.       let password2 = document.getElementById("password2").value;
  67.       if(nombre.trim ().length < 3){
  68.        console.log("El nombre tiene una longitud minima de 3 caracteres");
  69.      }
  70.      if(apellidos.trim ().length < 6){
  71.        console.log("Los apellidos tienen una longitud minima de 6 caracteres");
  72.      } if(!( new RegExp("^[+]*[(]{0 ,1}[0 -9]{1 ,4}[) ]{0 ,1}[-\s\./0-9]*$").test( telefono))){
  73.        console.log("El telefono esta mal formateado");
  74.      } if(password1 != password2){
  75.        console.log("Las contrasenyas deben ser iguales");
  76.      }
  77.      return false;
  78.    }
  79. </script>
  80.  
  81.     <?php include 'footer.php'; ?>
  82.  
  83.  
  84.    
  85.   </body>
  86. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement