[JavaScript] Validar día en Form

  • 0 Respuestas
  • 253 Vistas

Valarjar
Hijo de Odyn

[JavaScript] Validar día en Form
« en: Mayo 17, 2017, 16:36:37 pm »
Nuestro input:

HTML
Código: HTML5
  1. <input type="text" size="4" maxlength="2" name="dia" id="iddia"/>

JavaScript:
Código: Javascript
  1. function validaDia(value) {
  2.  
  3.   var valueInt = parseInt(value);
  4.   if (isNaN(value)) {
  5.     document.getElementById('iddia').value = '';
  6.   } else if (value.length == 1 && valueInt >= 4) {
  7.     document.getElementById('iddia').value = '0' + value;
  8.   } else if (value.length == 2 && parseInt(value.substring(0, 1)) == 3 && (parseInt(value.substring(1, 2)) != 0 && parseInt(value.substring(1, 2)) != 1)) {
  9.     document.getElementById('iddia').value = 3;
  10.   }
  11. }
  12.  
  13. function validacionAnio(val){
  14.     if(val.length==4 && !val.match('(19[6-8][0-9]|199[0-9]|200[0-9]|2010)')){
  15.         document.getElementById('idanio').value='';
  16.     }
  17. }
  18.  
  19. document.getElementById('iddia').addEventListener("keyup", function(evt) {
  20.   validaDia(this.value);
  21. }, false);
  22.  
  23. document.getElementById('idanio').addEventListener("keyup", function(evt) {
  24.   validacionAnio(this.value);
  25. }, false);
  26.