maxlength+numbersonly a los campos

formulario.html

@@ -78,8 +78,8 @@
   					<div class=" column">
   						<label>Cumpleaños <span class="mandatory">*</span></label>
   						<div class="row">
-							<input class="two columns" type="number" min="1" max="31" placeholder="Dia (DD)" rv-value='user.dia'> 
-							<input class="two columns" type="number" min="1" max="12" placeholder="Mes (MM)" rv-value='user.mes'>
+							<input class="two columns" type="number" min="1" max="31" placeholder="Dia (DD)" maxlength=2 numbersonly rv-value='user.dia'> 
+							<input class="two columns" type="number" min="1" max="12" placeholder="Mes (MM)" maxlength=2 numbersonly rv-value='user.mes'>
   						</div>
   						<div class="help"> <span class="mandatory">*</span> Durante el mes de tu cumpleaños, recibirás importantes descuentos y beneficios</div>
   					</div>
@@ -96,8 +96,8 @@
 					<div class="six columns">
 	  					<label for="exampleEmailInput">Teléfono</label>
 	  					<div class="row">
-	  						<input class="four columns" type="number" placeholder="Cod. Area (ej: 011)" rv-value='user.prefijo'> 
-	  						<input class="eight columns" type="number" rv-value='user.telefono'>
+	  						<input class="four columns" type="text" numbersonly maxlength=5 placeholder="Cod. Area (ej: 011)" rv-value='user.prefijo'> 
+	  						<input class="eight columns" type="text" numbersonly maxlength=12 rv-value='user.telefono'>
 	  					</div>
 	  					
 					</div>
@@ -211,11 +211,15 @@
 		}, false);
 		
 		var view = rivets.bind(el, {countries:countries, user: user});
-		var numbers=$("input[type=number]");
+		var numbers=$("input[numbersonly]");
 		for(var i=0; i<numbers.length;i++){
 			var e = numbers[i];
 			e.onkeypress = function(e){ return e.charCode<= 26 || (e.charCode>=48 && e.charCode<=57); }
-			e.oninput = function(){ if (this.value.length >2) this.value=this.value.slice(0,2); }
+		}
+		numbers=$("input[maxlength]");
+		for(var i=0; i<numbers.length;i++){
+			var e = numbers[i];
+			e.oninput = function(){ var l = this.getAttribute("maxlength"); if (this.value.length >l) this.value=this.value.slice(0,l); }
 		}
 	</script>
 </body>