Formulari d'alta d'usuari: diferència entre les revisions
De Wiki personal d'en Guillem Serrat
Es crea la pàgina amb «== Formulari inicial d'alta d'usuari == == Validació de dades d’alta d’usuari i inserció de dades a la BBDD ==». |
Cap resum de modificació |
||
| Línia 1: | Línia 1: | ||
== Formulari inicial d'alta d'usuari == | == Formulari inicial d'alta d'usuari == | ||
Dins d'aquesta web trobarem el formulari per dona d'alta usuaris. L'aspecta serà aquest: | |||
[[Fitxer:Image2.png|center|miniatura|500x500px]] | |||
En total hi haurà 19 camp a emplenar, a partir de la següent taula es pot veure quins són i de quin tipus | |||
{| class="wikitable" | |||
|'''Nom del camp''' | |||
|'''Tipus de camp''' | |||
|- | |||
|Tipus de Document | |||
|Desplegable de selecció | |||
|- | |||
|Número Document | |||
|Text | |||
|- | |||
|Nom | |||
|Text | |||
|- | |||
|Cognoms | |||
|Text | |||
|- | |||
|Sexe | |||
|Desplegable de selecció | |||
|- | |||
|Data de naixement | |||
|Data | |||
|- | |||
|Correu electrònic | |||
|Email | |||
|- | |||
|Confirmació de correu electrònic | |||
|Email | |||
|- | |||
|Telèfon mòbil | |||
|Telèfon | |||
|- | |||
|Població | |||
|Desplegable de selecció | |||
|- | |||
|Codi Postal | |||
|Text | |||
|- | |||
|Adreça | |||
|Text | |||
|- | |||
|Periodicitat de cobrament | |||
|Botons d’opció | |||
|- | |||
|Acceptació de condicions | |||
|Casella de selecció | |||
|- | |||
|Acceptació de comunicacions | |||
|Casella de selecció | |||
|- | |||
|Contrasenya | |||
|Contrasenya | |||
|- | |||
|Confirmació de contrasenya | |||
|Contrasenya | |||
|- | |||
|Observacions | |||
|Àrea de text | |||
|- | |||
|Fitxer | |||
|Fitxer | |||
|} | |||
Tots ells tenen en comú: | |||
* Tots tenen un label, indicant el nom del campCompten amb un placeholder. | |||
* En cas de la data i els desplegables de selecció, se’ls hi ha assignat el valor per defecte | |||
* Tots tenen l’atribut required excepte l’acceptació de comunicacions i les observacions | |||
Alguns elements en especial, tenen certes peculiaritats: | |||
* En el text de les condicions, s’inclou l’enllaç a les condicions | |||
El formulari serà de tipus POST i inclourà un tipus d'encoding, el qual permet pujar fitxers PDF. L'acció del formulari es un fitxer php que valida les dades segons certes condicions i les enregistra a la BBDD | |||
<!-- Utilitzem el mètode POST per evitar mostrar les dades a la URL--> | |||
<nowiki><form action="../php/validacioDades.php" method="post" enctype="multipart/form-data"></nowiki> | |||
A la part final del formulari comptarem amb dos botons, el primer per enviar el formulari i el segon per netejar les dades, que també dirigeix a l'usuari a l'inici del formulari<pre> | |||
<!-- Botons --> | |||
<input type="submit" value="Enviar"> | |||
<input type="reset" value="Netejar" onclick="window.location.href='#'"> | |||
</pre> | |||
[[Fitxer:BotonsFormulariAlta.png|center|miniatura|500x500px]] | |||
== Validació de dades d’alta d’usuari i inserció de dades a la BBDD == | == Validació de dades d’alta d’usuari i inserció de dades a la BBDD == | ||
Revisió del 23:31, 8 des 2025
Formulari inicial d'alta d'usuari
Dins d'aquesta web trobarem el formulari per dona d'alta usuaris. L'aspecta serà aquest:
En total hi haurà 19 camp a emplenar, a partir de la següent taula es pot veure quins són i de quin tipus
| Nom del camp | Tipus de camp |
| Tipus de Document | Desplegable de selecció |
| Número Document | Text |
| Nom | Text |
| Cognoms | Text |
| Sexe | Desplegable de selecció |
| Data de naixement | Data |
| Correu electrònic | |
| Confirmació de correu electrònic | |
| Telèfon mòbil | Telèfon |
| Població | Desplegable de selecció |
| Codi Postal | Text |
| Adreça | Text |
| Periodicitat de cobrament | Botons d’opció |
| Acceptació de condicions | Casella de selecció |
| Acceptació de comunicacions | Casella de selecció |
| Contrasenya | Contrasenya |
| Confirmació de contrasenya | Contrasenya |
| Observacions | Àrea de text |
| Fitxer | Fitxer |
Tots ells tenen en comú:
- Tots tenen un label, indicant el nom del campCompten amb un placeholder.
- En cas de la data i els desplegables de selecció, se’ls hi ha assignat el valor per defecte
- Tots tenen l’atribut required excepte l’acceptació de comunicacions i les observacions
Alguns elements en especial, tenen certes peculiaritats:
- En el text de les condicions, s’inclou l’enllaç a les condicions
El formulari serà de tipus POST i inclourà un tipus d'encoding, el qual permet pujar fitxers PDF. L'acció del formulari es un fitxer php que valida les dades segons certes condicions i les enregistra a la BBDD
<form action="../php/validacioDades.php" method="post" enctype="multipart/form-data">
A la part final del formulari comptarem amb dos botons, el primer per enviar el formulari i el segon per netejar les dades, que també dirigeix a l'usuari a l'inici del formulari
<!-- Botons --> <input type="submit" value="Enviar"> <input type="reset" value="Netejar" onclick="window.location.href='#'">