Untitled

<!-- DIRECTIVE PER IMPORT DI LIBRERIE -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="https://momentjs.com/downloads/moment.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pikaday/pikaday.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css">

<script type="text/javascript">

	function bloccoCarattere(champ, caratteri) {
	    var chiffres = new RegExp(caratteri);
	    var verif;
	    var points = 0;
	    for(x = 0; x < champ.value.length; x++) {
	        verif = chiffres.test(champ.value.charAt(x));
	        if(champ.value.charAt(x) == ".")
	        	points++;
	        if(points > 1){
	        	verif = false;
	        	points = 1;
	        }
	        if(verif == false){
	        	champ.value = champ.value.substr(0,x) + champ.value.substr(x+1,champ.value.length-x+1);
	        	x--;
	        }
	        if(champ.value.charAt(x) == " " && champ.value.charAt(x+1) == " "){
	        	champ.value = champ.value.substr(0,x) + champ.value.substr(x+1,champ.value.length-x+1);
	        	x--;
	        }
		}
	}

</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Registrazione candidato</title>
</head>
<body>
	<form:form method="post" action="register">
		<table>
			<tr>
				<td>PosizioneCandidatura*</td>
				<td><select path="descrizione"
					placeholder="Selezione Candidatura">
						<option value="ignore" selected>Selezione Candidatura</option>
						<c:forEach items="${ tipologie }" var="tipo">
							<option value="${tipo.descrizione}">${tipo.descrizione}</option>
						</c:forEach>
				</select></td>
			<tr>
				<td>Codice Fiscale* :</td>
				<td><form:input path="cf" maxlength="16"
						style="text-transform : uppercase;"
						onkeyup="return bloccoCarattere(this, \"[a-zA-Z0-9]\")" /></td>
			</tr>
			<tr>
				<td>Nome* :</td>
				<td><form:input path="nome" maxlength="205"
						style="text-transform : capitalize;" required="required"
						onkeyup="return bloccoCarattere(this, \"[a-zA-Z ]\")" /></td>
			</tr>
			<tr>
				<td>Cognome* :</td>
				<td><form:input path="cognome" maxlength="205"
						style="text-transform : capitalize;" required="required"
						onkeyup="return bloccoCarattere(this, \"[a-zA-Z ]\")" /></td>
			</tr>
			<tr>
				<td>Email* :</td>
				<td><form:input path="email" type="email"
						placeholder="esempio@esempio.it" maxlength="205"
						required="required" /></td>
			</tr>
			<tr>
				<td>Data di Nascita* :</td>
				<td><form:input id="datepicker" path="dataNascita"
						placeholder="giorno/mese/anno" maxlength="205" required="required" />
				</td>
				<!-- calendario javascript -->
				<script>
				data = new Date();
				year = data.getFullYear();
				y = year-18;
    				var picker = new Pikaday({
    				field: document.getElementById('datepicker'),
    				format: 'DD/MM/YYYY',
    				yearRange: [year-60,y],
    				defaultDate: new Date(y.toString()),
    				setDefaultDate: true
    				});
    			</script>
			</tr>
			<tr>
				<td>Luogo di Nascita* :</td>
				<td><form:input path="luogoNascita" maxlength="205"
						style = "text-transform : capitalize;" required="required"
						onkeyup="return bloccoCarattere(this, \"[a-zA-Z ()]\")" /></td>
			</tr>
			<tr>
				<td>Cittadinanza* :</td>
				<td><form:radiobutton path="cittadinanzaEu" value="1" checked="checked"/>Europea
					<form:radiobutton path="cittadinanzaEu" value="0"/>Altro</td>
			</tr>
			<tr>-------------------------------------------------
				<td>Residenza* :</td>
				<td><form:input path="residenza" maxlength="60000"
						required="required"
						onkeyup="return bloccoCarattere(this, \"[a-zA-Z0-9, -]\")" /></td>
			</tr>
			<tr>
				<td>Cap Residenza* :</td>
				<td><form:input path="capResidenza" maxlength="205"
						required="required"
						onkeyup="return bloccoCarattere(this, \"[a-zA-Z0-9-]\")" /></td>
			</tr>
			<tr>
				<td>Domicilio :</td>
				<td><form:input path="domicilio" maxlength="60000"
						required="required"
						onkeyup="return bloccoCarattere(this, \"[a-zA-Z0-9, -]\")" /></td>
			</tr>
			<tr>
				<td>Cap Domicilio :</td>
				<td><form:input path="capDomicilio" maxlength="205"
						required="required"
						onkeyup="return bloccoCarattere(this, \"[a-zA-Z0-9-]\")" /></td>
			</tr>
			<tr>
				<td>Recapito Mobile* :</td>
				<td><form:input path="recapitoMobile" placeholder="+39"
						maxlength="205" required="required"
						onkeyup="return bloccoCarattere(this, \"[0-9+ ]\")" /></td>
			</tr>
			<tr>
				<td>Recapito Fisso :</td>
				<td><form:input path="recapitoFisso" placeholder="+39"
						maxlength="205"
						onkeyup="return bloccoCarattere(this, \"[0-9+ ]\")" /></td>
			</tr>
			<tr>
				<td></td>
				<td><input type="submit" value="Register" /></td>
			</tr>
		</table>
	</form:form>
</body>
</html>