Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <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>
              
            
!

CSS

              
                /* 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%;
	}
}
              
            
!

JS

              
                $().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'); 
}
              
            
!
999px

Console