"CadastroParoquia"
Bootstrap 3.0.0 Snippet by lrossism

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<form id="gform" class="form-horizontal" method="POST" >
<fieldset>
<legend>Cadastro</legend>
<!-- Text input-->
<div class="form-group">
<label class="col-md-2 control-label" for="txtNome">Nome</label>
<div class="col-md-9">
<input id="Nome" name="Nome" type="text" placeholder="Nome Completo" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-2 control-label" for="CPF">CPF</label>
<div class="col-md-9">
<input id="CPF" name="CPF" type="text" placeholder="Numero CPF" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-2 control-label" for="DataNascimento">Data Nascimento</label>
<div class="col-md-9">
<input id="DataNascimento" name="DataNascimento" type="date" placeholder="Data de Nascimento" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
form {
margin: 20px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(document).ready(function () {
$('#inscricaoPara').on('change',function(){
$("#Batismo").hide();
$("#Comunhao").hide();
$("#Crisma").hide();
$("#Noivo").hide();
if ($(this).val()==1)
$("#Batismo").show();
else if($(this).val()==2)
$("#Comunhao").show();
else if($(this).val()==3)
$("#Crisma").show();
else if($(this).val()==4)
$("#Noivo").show();
});
$('#casamentoIgreja').on('change',function(){
$("#DetalheCasamentoIgreja").hide();
if ($(this).val()=="SIM")
$("#DetalheCasamentoIgreja").show();
});
$('#separadoMatrimonio').on('change',function(){
$("#SeparadoNovoRelacionamento").hide();
if ($(this).val()=="NAO")
$("#SeparadoNovoRelacionamento").show();
});
$('#separadoRelacionamento').on('change',function(){
$("#SeparadoMatrimonioRealiza").hide();
if ($(this).val()=="SIM")
$("#SeparadoMatrimonioRealiza").show();
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Light Bootstrap Dashboard React

Questions / Comments: