Nuevo Usuario

In this example below you will see how to do a Nuevo Usuario with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by jgcm3000, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright jgcm3000 ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Nuevo Usuario </title>
  
  
  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/formvalidation/0.6.1/css/formValidation.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div id="form-main">
  <div id="form-div">

<form id="registrationForm" method="post" class="form-vertical" action="#" role="form">
  
<div id="mensaje" style='color:blue;'><h4></h4></div>
<div id="mensaje_e" style='color:red;'><h4></h4></div>
				<h2>Nuevo Usuario</h2>
  
<div class="row">
  <div class="col-lg-9">
<div class="form-group">
<label for="nya">Nombre y Apellido <span class="required-asterisk">*</span></label>
<input type="text" class="form-control" name="nya" id="nya" value="" />
</div>
</div>
</div>
  
<div class="row"> 
  <div class="col-lg-4">
    <div class="form-group">
      <label for="prefijo">Cedula <span class="required-asterisk">*</span></label>
      <select id="prefijo" name="prefijo" class="selectpicker" data-width='fit'>
        <option value="V"> V </option>
        <option value="E"> E </option>
      </select>
    <input type="text" class="form-control" name="cedula" id="cedula" value="" placeholder="Ej: 123456789" />
  </div>
</div>
</div>

<div class="row">
<div class="col-lg-7">
<div class="form-group">
<label for="fechar">Fecha Nacimiento <span class="required-asterisk">*</span></label>
<div class="input-group input-append date" id="datePicker">
<input type="text" class="form-control" id="fechar" name="fechar" value="" />
<span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
</div>
</div>

<div class="row"> 
<div class="col-lg-4">
<div class="form-group"> 
  <label for="telefonoc">Telefono Celular <span class="required-asterisk">*</span></label>
<input type="text" class="form-control" name="telefonoc" id="telefonoc" value="" placeholder="Ej: 04123456789" />
</div>
</div>
</div>
  
<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label for="telefonoch">Telefono <span class="required-asterisk">*</span></label>
    <input type="text" class="form-control" name="telefonoch" id="telefonoch" value="" placeholder="Ej: 02121234567" />
</div>
</div>
</div>

<div class="row">
  <div class="col-lg-6">
  <div class="form-group">
<label for="correoe">Correo Electrónico <span class="required-asterisk">*</span></label>
    <input type="text" class="form-control" name="correoe" id="correoe" value="" placeholder="Ej: usuario@dominio.com"/>
</div>
</div>
</div>

<div class="row">  
<div class="col-lg-4">
<div class="form-group">
<label for="estado">Estado <span class="required-asterisk">*</span></label>
<select id="estado" name="estado" onchange="colocarMun(this.value)"  class="selectpicker">
<option value=""> ---Seleccione--- </option>
<option value="22"> AMAZONAS </option>
<option value="2"> ANZOATEGUI </option>
  <option value="3"> APURE </option>
  <option value="4"> ARAGUA </option>
    <option value="5"> BARINAS </option>
  <option value="6"> BOLIVAR </option>
<option value="7"> CARABOBO </option>
<option value="8"> COJEDES </option>
<option value="23"> DELTA AMACURO </option>
<option value="1"> DTTO. CAPITAL </option>
<option value="9"> FALCON </option>
<option value="10"> GUARICO </option>
<option value="11"> LARA </option>
<option value="12"> MERIDA </option>
<option value="13"> MIRANDA </option>
<option value="14"> MONAGAS </option>
<option value="15"> NUEVA ESPARTA </option>
<option value="16"> PORTUGUESA </option>
<option value="17"> SUCRE </option>
<option value="18"> TACHIRA </option>
<option value="19"> TRUJILLO </option>
<option value="24"> VARGAS </option>
<option value="20"> YARACUY </option>
<option value="21"> ZULIA </option>
</select>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-4">
<div class="form-group">
<div id="divmun"><label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name="municipio" id="municipio" class="selectpicker"><option value=""> Seleccione el estado </option></select></div>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label for="ciudad">Ciudad <span class="required-asterisk">*</span></label>
<select name="ciudad" id="ciudad" class="selectpicker" data-live-search="true">
<option value=""> ---Seleccione--- </option>
<option value="Opcion1"> Opcion 1 </option>
</select>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-8">
<div class="form-group">
<label for="direccion">Dirección <span class="required-asterisk">*</span></label>
<textarea name="direccion" id="direccion"></textarea>
</div>
</div>
</div>

<fieldset> 
<legend>Datos de Acceso al Sistema</legend>

<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label for="usuario">Usuario <span class="required-asterisk">*</span></label>
<input type="text" class="form-control" name="usuario" id="usuario" value="" />
</div>
</div>
</div>

<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label for="pass">Password <span class="required-asterisk">*</span></label>
    <input type="password" class="form-control" name="pass" id="pass" />
</div>
</div>
</div>

<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label for="pass">Repetir Password <span class="required-asterisk">*</span></label>
<input type="password" class="form-control" name="repetir" id="repetir" />
</div>
</div>
</div>
  
  <div class="row">
    <div class="checkbox col-lg-8">
      <label style="font-weight:bold;">
        <input type="checkbox" name="acepto[]" id="acepto"> Acepto los Terminos y Condiciones
      </label>
    </div>
  </div>
  
  
</fieldset>
  
<div class="row">
<div class="col-lg-4">
<div class="form-group">
<button type="submit" name="envio" class="btn btn-lg btn-warning">Enviar</button>
</div>
</div>
</div>
  
  
</form>
  </div>
</div>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/formvalidation/0.6.1/js/formValidation.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/formvalidation/0.6.1/js/framework/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/i18n/defaults-es_CL.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/jgcm3000/nuevo-usuario-MyoQdg */
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

html{    
  background-color: #130704;
}
h2{
  color:brown;
}
#feedback-page{
	text-align:center;
}

#form-main{
	width:100%;
	float:left;
	padding-top:0px;
}

#form-div {
	background-color:#EBEBEB;
	padding-left:35px;
	padding-right:35px;
	padding-top:35px;
	padding-bottom:50px;
	width: 600px;
  margin-top:30px;
	margin-left: 20px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}
.required-asterisk{
  color:#f00;
}
fieldset{
  clear: both;
margin: 15px 0;
padding: 15px;
border: 1px solid #d3d3d3;
border-radius: 3px;
background-color: #C0C0C0;
}
legend{
  color: chocolate;
 padding-top: 50px;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:50%;
  background-color:#0CF;
}

@media only screen and (max-width: 580px) {
	#form-div{
		left: 3%;
		margin-right: 3%;
		width: 88%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
}

/*Downloaded from https://www.codeseek.co/jgcm3000/nuevo-usuario-MyoQdg */
$().ready(function() {
$('#datePicker')
        .datepicker({
            format: 'dd/mm/yyyy'
        })
        .on('changeDate', function(e) {
            // Revalidate the date field
            $('#registrationForm').formValidation('revalidateField', 'fechar');
        });
  
  $('#registrationForm').bootstrapValidator({
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
      nya: {
        validators: {
          notEmpty: {
            message: 'Coloque el nombre y apellido'
          }
        }
      },
      cedula: {
        validators: {
          notEmpty: {
            message: 'Coloque la cedula'
          },
          integer: {
            message: 'La cedula solo puede contener números',
            // The default separators
            thousandsSeparator: '',decimalSeparator: ''
          },
          stringLength: {
            min: 5,
            max: 8,
            message: 'La cedula debe contener de 5 a 12 caracteres'
          }
        }
      },
      fechar: {
        validators: {
          notEmpty: {
            message: 'Seleccione la fecha'
          },
          date: {
            format: 'DD/MM/YYYY',
            message: 'La fecha no es valida'
          }
        }
      },
      telefonoc: {
        message: 'El teléfono no es valido',
        validators: {
          notEmpty: {
            message: 'Coloque el telefono celular'
          },
          regexp: {
            regexp: /04([12]{1})([246]{1})([0-9]{7})/,
            message: 'El teléfono celular tiene el formato incorrecto'
          }
        }
      },
      telefonoch: {
        validators: {
          notEmpty: {
            message: 'Coloque el telefono local'
          },
          regexp: {
            regexp: /0([24]{1})([0-9]{9})/,
            message: 'El teléfono solo puede contener números'
          }
        }
      },
      correoe: {
        validators: {
          notEmpty: {
            message: 'Coloque el correo electronico'
          },
          regexp: {
            regexp: /^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/,
            message: 'Correo Invalido'
          }
        }
      },
      estado: {
        validators: {
          notEmpty: {
            message: 'Seleccione el estado'
          }
        }
      },
      municipio: {
        validators: {
          notEmpty: {
            message: 'Seleccione el municipio'
          }
        }
      },
      ciudad: {
        validators: {
          notEmpty: {
            message: 'Seleccione la ciudad'
          }
        }
      },
      direccion: {
        validators: {
          notEmpty: {
            message: 'Coloque la dirección'
          }
        }
      },
      usuario: {
        validators: {
          notEmpty: {
            message: 'Coloque el usuario para ingresar al sistema'
          },
          regexp: {
            regexp: /^[A-Za-z0-9_]+$/,
            message: 'No puede contener espacios en blanco ni caracteres especiales'
          },
          stringLength: {
            min: 6,
            max: 20,
            message: 'El usuario puede contener de 6 a 20 caracteres'
          },
          callback: {
            message: 'Nombre no valido',
            callback: function(value, validator, $field) {
              var size = $("#usuario").val().length;
              var l2 = $("#usuario").val().substring(size-2);
              if(l2.toLowerCase()=="ss"){
                return {
                  valid: false,
                  message: 'El nombre no puede finalizar en doble s "SS". Debe cambiarlo.'
                };
              }
              if(l2.toLowerCase()=="mt"){
                return {
                  valid: false,
                  message: "El nombre no puede finalizar con las letras \"MT\". Debe cambiarlo."
                };
              }
              return true;
            }
          }
        }
      },
      pass: {
        validators: {
          notEmpty: {
            message: 'Coloque la contraseña'
          },
          stringLength: {
            min: 8,
            max: 12,
            message: 'La contraseña puede contener de 8 a 12 caracteres'
          }
        }
      },
      repetir: {
        validators: {
          notEmpty: {
            message: 'Repita la contraseña'
          },
          stringLength: {
            min: 8,

            max: 12,
            message: 'La contraseña puede contener de 8 a 12 caracteres'
          },
          callback: {
            message: 'Contraseña no valida',
            callback: function(value, validator, $field) {

              if($("#pass").val()!=$("#repetir").val()){
                return {
                  valid: false,
                  message: 'La repeticion y la contraseña no coinciden'
                };
              }
              return true;
            }
          }
        }
      },
      'acepto[]': {
        validators: {
          choice: {
            min: 1,
            max: 1,
            message: '<h5 style="color:Darkred;">Debe aceptar los Terminos y Condiciones</h5>'
          }
        }
      }

    }
  });
});

function colocarMun(val){
	if(val=="") $('#divmun').html('<label for="municipio">Municipio <span class="required-asterisk">*</span></label><select name="municipio" id="municipio" style="color:#000;"><option value=""> Seleccione el estado </option></select>');
	if(val=="22") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='2201'>CE. ATURES</option><option value='2207'>MP. ALTO ORINOCO</option><option value='2202'>MP. ATABAPO</option><option value='2205'>MP. AUTANA</option><option value='2206'>MP. MANAPIARE</option><option value='2203'>MP. MAROA</option><option value='2204'>MP. RIO NEGRO</option></select>");
	if(val=="2") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='203'>CE. BOLIVAR</option><option value='201'>MP. ANACO</option><option value='202'>MP. ARAGUA</option><option value='204'>MP. BRUZUAL</option><option value='205'>MP. CAJIGAL</option><option value='218'>MP. CARVAJAL</option><option value='206'>MP. FREITES</option><option value='214'>MP. GUANIPA</option><option value='215'>MP. GUANTA</option><option value='207'>MP. INDEPENDENCIA</option><option value='217'>MP. L/DIEGO BAUTISTA</option><option value='208'>MP. LIBERTAD</option><option value='220'>MP. MC GREGOR</option><option value='209'>MP. MIRANDA</option><option value='210'>MP. MONAGAS</option><option value='211'>MP. PEÑALVER</option><option value='216'>MP. PIRITU</option><option value='219'>MP. SANTA ANA</option><option value='212'>MP. SIMON RODRIGUEZ</option><option value='213'>MP. SOTILLO</option><option value='221'>MP.S JUAN CAPISTRANO</option></select>");
	if(val=="3") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='306'>CE. SAN FERNANDO</option><option value='301'>MP. ACHAGUAS</option><option value='307'>MP. BIRUACA</option><option value='302'>MP. MUÑOZ</option><option value='303'>MP. PAEZ</option><option value='304'>MP. PEDRO CAMEJO</option><option value='305'>MP. ROMULO GALLEGOS</option></select>");
	if(val=="4") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='401'>CE. GIRARDOT</option><option value='411'>MP. BOLIVAR</option><option value='415'>MP. CAMATAGUA</option><option value='410'>MP. JOSE ANGEL LAMAS</option><option value='403'>MP. JOSE FELIX RIVAS</option><option value='416'>MP. JOSE R REVENGA</option><option value='409'>MP. LIBERTADOR</option><option value='413'>MP. MARIO B IRAGORRY</option><option value='404'>MP. SAN CASIMIRO</option><option value='405'>MP. SAN SEBASTIAN</option><option value='402'>MP. SANTIAGO MARIÑO</option><option value='412'>MP. SANTOS MICHELENA</option><option value='406'>MP. SUCRE</option><option value='414'>MP. TOVAR</option><option value='407'>MP. URDANETA</option><option value='408'>MP. ZAMORA</option><option value='417'>MP.FRANCISCO LINARES</option><option value='418'>MP.OCUMARE D L COSTA</option></select>");
	if(val=="5") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='502'>CE. BARINAS</option><option value='510'>MP. A JOSE DE SUCRE</option><option value='509'>MP. ALBERTO ARVELO T</option><option value='512'>MP. ANDRES E. BLANCO</option><option value='501'>MP. ARISMENDI</option><option value='503'>MP. BOLIVAR</option><option value='511'>MP. CRUZ PAREDES</option><option value='504'>MP. EZEQUIEL ZAMORA</option><option value='505'>MP. OBISPOS</option><option value='506'>MP. PEDRAZA</option><option value='507'>MP. ROJAS</option><option value='508'>MP. SOSA</option></select>");
	if(val=="6") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='603'>CE. HERES</option><option value='608'>MP. BLVNO ANGOSTURA</option><option value='601'>MP. CARONI</option><option value='602'>MP. CEDEÑO</option><option value='610'>MP. EL CALLAO</option><option value='609'>MP. GRAN SABANA</option><option value='604'>MP. PIAR</option><option value='605'>MP. ROSCIO</option><option value='607'>MP. SIFONTES</option><option value='606'>MP. SUCRE</option><option value='611'>MP.PADRE PEDRO CHIEN</option></select>");
	if(val=="7") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='709'>CE. VALENCIA</option><option value='701'>MP. BEJUMA</option><option value='702'>MP. CARLOS ARVELO</option><option value='703'>MP. DIEGO IBARRA</option><option value='704'>MP. GUACARA</option><option value='706'>MP. JUAN JOSE MORA</option><option value='714'>MP. LIBERTADOR</option><option value='711'>MP. LOS GUAYOS</option><option value='710'>MP. MIRANDA</option><option value='705'>MP. MONTALBAN</option><option value='712'>MP. NAGUANAGUA</option><option value='707'>MP. PUERTO CABELLO</option><option value='713'>MP. SAN DIEGO</option><option value='708'>MP. SAN JOAQUIN</option></select>");
	if(val=="8") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='806'>CE. EZEQUIEL ZAMORA</option><option value='801'>MP. ANZOATEGUI</option><option value='802'>MP. FALCON</option><option value='803'>MP. GIRARDOT</option><option value='808'>MP. LIMA BLANCO</option><option value='804'>MP. PAO S J BAUTISTA</option><option value='805'>MP. RICAURTE</option><option value='809'>MP. ROMULO GALLEGOS</option><option value='807'>MP. TINACO</option></select>");
	if(val=="23") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='2301'>CE. TUCUPITA</option><option value='2303'>MP. ANTONIO DIAZ</option><option value='2304'>MP. CASACOIMA</option><option value='2302'>MP. PEDERNALES</option></select>");
	if(val=="1") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='101'>CE. BLVNO LIBERTADOR</option></select>");
	if(val=="9") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='910'>CE. MIRANDA</option><option value='901'>MP. ACOSTA</option><option value='902'>MP. BOLIVAR</option><option value='903'>MP. BUCHIVACOA</option><option value='921'>MP. CACIQUE MANAURE</option><option value='904'>MP. CARIRUBANA</option><option value='905'>MP. COLINA</option><option value='914'>MP. DABAJURO</option><option value='906'>MP. DEMOCRACIA</option><option value='907'>MP. FALCON</option><option value='908'>MP. FEDERACION</option><option value='920'>MP. JACURA</option><option value='916'>MP. LOS TAQUES</option><option value='909'>MP. MAUROA</option><option value='915'>MP. MONS. ITURRIZA</option><option value='922'>MP. PALMA SOLA</option><option value='911'>MP. PETIT</option><option value='917'>MP. PIRITU</option><option value='919'>MP. SAN FRANCISCO</option><option value='912'>MP. SILVA</option><option value='923'>MP. SUCRE</option><option value='925'>MP. TOCOPERO</option><option value='918'>MP. UNION</option><option value='924'>MP. URUMACO</option><option value='913'>MP. ZAMORA</option></select>");
	if(val=="10") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1006'>CE. ROSCIO</option><option value='1008'>MP. CAMAGUAN</option><option value='1014'>MP. CHAGUARAMAS</option><option value='1011'>MP. EL SOCORRO</option><option value='1001'>MP. INFANTE</option><option value='1010'>MP. LAS MERCEDES</option><option value='1002'>MP. MELLADO</option><option value='1003'>MP. MIRANDA</option><option value='1004'>MP. MONAGAS</option><option value='1012'>MP. ORTIZ</option><option value='1005'>MP. RIBAS</option><option value='1013'>MP. S MARIA DE IPIRE</option><option value='1007'>MP. ZARAZA</option><option value='1009'>MP.S JOSE DE GUARIBE</option><option value='1015'>MP.SAN GERONIMO DE G</option></select>");
	if(val=="11") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1102'>CE. IRIBARREN</option><option value='1108'>MP. ANDRES E BLANCO</option><option value='1101'>MP. CRESPO</option><option value='1103'>MP. JIMENEZ</option><option value='1104'>MP. MORAN</option><option value='1105'>MP. PALAVECINO</option><option value='1109'>MP. SIMON PLANAS</option><option value='1106'>MP. TORRES</option><option value='1107'>MP. URDANETA</option></select>");
	if(val=="12") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1208'>CE. LIBERTADOR</option><option value='1201'>MP. ALBERTO ADRIANI</option><option value='1202'>MP. ANDRES BELLO</option><option value='1211'>MP. ANTONIO PINTO S.</option><option value='1222'>MP. ARICAGUA</option><option value='1203'>MP. ARZOBISPO CHACON</option><option value='1204'>MP. CAMPO ELIAS</option><option value='1213'>MP. CARACCIOLO PARRA</option><option value='1205'>MP. GUARAQUE</option><option value='1207'>MP. JUSTO BRICEÑO</option><option value='1210'>MP. MIRANDA</option><option value='1221'>MP. PADRE NOGUERA</option><option value='1215'>MP. PUEBLO LLANO</option><option value='1216'>MP. RANGEL</option><option value='1217'>MP. RIVAS DAVILA</option><option value='1209'>MP. SANTOS MARQUINA</option><option value='1218'>MP. SUCRE</option><option value='1219'>MP. TOVAR</option><option value='1220'>MP. TULIO F CORDERO</option><option value='1223'>MP. ZEA</option><option value='1214'>MP.CARDENAL QUINTERO</option><option value='1206'>MP.JULIO CESAR SALAS</option><option value='1212'>MP.OB. RAMOS DE LORA</option></select>");
	if(val=="13") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1303'>CE. GUAICAIPURO</option><option value='1301'>MP. ACEVEDO</option><option value='1314'>MP. ANDRES BELLO</option><option value='1316'>MP. BARUTA</option><option value='1302'>MP. BRION</option><option value='1320'>MP. BUROZ</option><option value='1317'>MP. CARRIZAL</option><option value='1318'>MP. CHACAO</option><option value='1312'>MP. CRISTOBAL ROJAS</option><option value='1319'>MP. EL HATILLO</option><option value='1304'>MP. INDEPENDENCIA</option><option value='1305'>MP. LANDER</option><option value='1313'>MP. LOS SALIAS</option><option value='1306'>MP. PAEZ</option><option value='1307'>MP. PAZ CASTILLO</option><option value='1321'>MP. PEDRO GUAL</option><option value='1308'>MP. PLAZA</option><option value='1315'>MP. SIMON BOLIVAR</option><option value='1309'>MP. SUCRE</option><option value='1310'>MP. URDANETA</option><option value='1311'>MP. ZAMORA</option></select>");
	if(val=="14") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1407'>CE. MATURIN</option><option value='1401'>MP. ACOSTA</option><option value='1411'>MP. AGUASAY</option><option value='1402'>MP. BOLIVAR</option><option value='1403'>MP. CARIPE</option><option value='1404'>MP. CEDEÑO</option><option value='1405'>MP. EZEQUIEL ZAMORA</option><option value='1406'>MP. LIBERTADOR</option><option value='1408'>MP. PIAR</option><option value='1409'>MP. PUNCERES</option><option value='1412'>MP. SANTA BARBARA</option><option value='1410'>MP. SOTILLO</option><option value='1413'>MP. URACOA</option></select>");
	if(val=="15") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1501'>CE. ARISMENDI</option><option value='1502'>MP. DIAZ</option><option value='1511'>MP. GARCIA</option><option value='1503'>MP. GOMEZ</option><option value='1504'>MP. MANEIRO</option><option value='1505'>MP. MARCANO</option><option value='1506'>MP. MARIÑO</option><option value='1509'>MP. TUBORES</option><option value='1510'>MP.ANTOLIN DEL CAMPO</option><option value='1507'>MP.PENIN. DE MACANAO</option><option value='1508'>MP.VILLALBA(I.COCHE)</option></select>");
	if(val=="16") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1603'>CE. GUANARE</option><option value='1610'>MP. AGUA BLANCA</option><option value='1601'>MP. ARAURE</option><option value='1602'>MP. ESTELLER</option><option value='1604'>MP. GUANARITO</option><option value='1609'>MP. M.JOSE V DE UNDA</option><option value='1605'>MP. OSPINO</option><option value='1606'>MP. PAEZ</option><option value='1611'>MP. PAPELON</option><option value='1614'>MP. SANTA ROSALIA</option><option value='1607'>MP. SUCRE</option><option value='1608'>MP. TUREN</option><option value='1612'>MP.GENARO BOCONOITO</option><option value='1613'>MP.S RAFAEL DE ONOTO</option></select>");
	if(val=="17") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1709'>CE. SUCRE</option><option value='1711'>MP. ANDRES E BLANCO</option><option value='1713'>MP. ANDRES MATA</option><option value='1701'>MP. ARISMENDI</option><option value='1702'>MP. BENITEZ</option><option value='1703'>MP. BERMUDEZ</option><option value='1714'>MP. BOLIVAR</option><option value='1704'>MP. CAJIGAL</option><option value='1715'>MP. CRUZ S ACOSTA</option><option value='1712'>MP. LIBERTADOR</option><option value='1705'>MP. MARIÑO</option><option value='1706'>MP. MEJIA</option><option value='1707'>MP. MONTES</option><option value='1708'>MP. RIBERO</option><option value='1710'>MP. VALDEZ</option></select>");
	if(val=="18") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1808'>CE. SAN CRISTOBAL</option><option value='1818'>MP. ANDRES BELLO</option><option value='1823'>MP. ANTONIO ROMULO C</option><option value='1801'>MP. AYACUCHO</option><option value='1802'>MP. BOLIVAR</option><option value='1804'>MP. CARDENAS</option><option value='1810'>MP. CORDOBA</option><option value='1824'>MP. FCO DE MIRANDA</option><option value='1819'>MP. FERNANDEZ FEO</option><option value='1811'>MP. GARCIA DE HEVIA</option><option value='1812'>MP. GUASIMOS</option><option value='1803'>MP. INDEPENDENCIA</option><option value='1805'>MP. JAUREGUI</option><option value='1825'>MP. JOSE MARIA VARGA</option><option value='1806'>MP. JUNIN</option><option value='1820'>MP. LIBERTAD</option><option value='1814'>MP. LIBERTADOR</option><option value='1807'>MP. LOBATERA</option><option value='1813'>MP. MICHELENA</option><option value='1815'>MP. PANAMERICANO</option><option value='1826'>MP. RAFAEL URDANETA</option><option value='1821'>MP. SAMUEL MALDONADO</option><option value='1829'>MP. SAN JUDAS TADEO</option><option value='1822'>MP. SEBORUCO</option><option value='1827'>MP. SIMON RODRIGUEZ</option><option value='1817'>MP. SUCRE</option><option value='1828'>MP. TORBES</option><option value='1809'>MP. URIBANTE</option><option value='1816'>MP.PEDRO MARIA UREÑA</option></select>");
	if(val=="19") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='1905'>CE. TRUJILLO</option><option value='1915'>MP. ANDRES BELLO</option><option value='1902'>MP. BOCONO</option><option value='1916'>MP. BOLIVAR</option><option value='1908'>MP. CANDELARIA</option><option value='1903'>MP. CARACHE</option><option value='1904'>MP. ESCUQUE</option><option value='1917'>MP. JOSE F M CAÑIZAL</option><option value='1918'>MP. JUAN V CAMPO ELI</option><option value='1919'>MP. LA CEIBA</option><option value='1909'>MP. MIRANDA</option><option value='1910'>MP. MONTE CARMELO</option><option value='1911'>MP. MOTATAN</option><option value='1912'>MP. PAMPAN</option><option value='1920'>MP. PAMPANITO</option><option value='1901'>MP. RAFAEL RANGEL</option><option value='1914'>MP. SUCRE</option><option value='1906'>MP. URDANETA</option><option value='1907'>MP. VALERA</option><option value='1913'>MP.S RAFAEL CARVAJAL</option></select>");
	if(val=="24") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='2401'>CE. VARGAS</option></select>");
	if(val=="20") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='2004'>CE. SAN FELIPE</option><option value='2012'>MP. ARISTIDES BASTID</option><option value='2001'>MP. BOLIVAR</option><option value='2002'>MP. BRUZUAL</option><option value='2010'>MP. COCOROTE</option><option value='2011'>MP. INDEPENDENCIA</option><option value='2009'>MP. LA TRINIDAD</option><option value='2013'>MP. MANUEL MONGE</option><option value='2003'>MP. NIRGUA</option><option value='2007'>MP. PEÑA</option><option value='2005'>MP. SUCRE</option><option value='2006'>MP. URACHICHE</option><option value='2014'>MP. VEROES</option><option value='2008'>MP.JOSE ANTONIO PAEZ</option></select>");
	if(val=="21") $('#divmun').html("<label for='municipio'>Municipio <span class='required-asterisk'>*</span></label><select name='municipio' id='municipio' style='color:#000;'><option value='2105'>CE. MARACAIBO</option><option value='2117'>MP. ALMIRANTE P</option><option value='2101'>MP. BARALT</option><option value='2114'>MP. CABIMAS</option><option value='2112'>MP. CATATUMBO</option><option value='2103'>MP. COLON</option><option value='2120'>MP. FRANCISCO J PULG</option><option value='2116'>MP. JESUS E LOSSADA</option><option value='2119'>MP. JESUS M SEMPRUN</option><option value='2110'>MP. LA CAÑADA DE U.</option><option value='2111'>MP. LAGUNILLAS</option><option value='2108'>MP. MACHIQUES DE P</option><option value='2104'>MP. MARA</option><option value='2106'>MP. MIRANDA</option><option value='2118'>MP. SAN FRANCISCO</option><option value='2102'>MP. SANTA RITA</option><option value='2121'>MP. SIMON BOLIVAR</option><option value='2109'>MP. SUCRE</option><option value='2107'>MP.IDJ BLVNO GUAJIRA</option><option value='2113'>MP.ROSARIO DE PERIJA</option><option value='2115'>MP.VALMORE RODRIGUEZ</option></select>");
  $('#municipio').selectpicker('render');
 $('#registrationForm').formValidation('revalidateField', 'municipio'); 
}

Comments