"waiver new add and remove"
Bootstrap 3.0.0 Snippet by squidrat

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="guardval" method="post" action="https://static.test.idealss.net/waiver-test/display.html">
<div class="adultboxes" id="form2" class="answer_list">
<div class="boxes">
<h3>STEP 1<br><br>PARENT OR GUARDIAN PERSONAL INFORMATION</h3>
<div>
<h4>Guardian Name:</h4>
<div class="form-group col-lg-6">
<input id="txtGuardFirst" type="text" name="First Name" placeholder="First Name" class="form-control" data-minlength="2" data-validation="required" required>
</div>
<div class="form-group col-lg-6">
<input id="txtGuardLast" type="text" name="Last Name" placeholder="Last Name" class="form-control" data-minlength="2" data-validation="required" required>
</div>
<h4>Birthdate</h4>
<!-- <div class="date-dropdowns form-group">
<input class="form-control date-picker" id="txtGuardAge" name="txtGuardAge" data-toggle="datepicker" required>
</div>-->
<div class="form-group date-dropdowns col-lg-4">
<select name="month" id="txtGuardMonth" data-validation="required" required>
<option value=""> - Month - </option>
<option value="01">January</option>
<option value="02">Febuary</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
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
@charset "utf-8";
/* CSS Document */
body{
background:none repeat scroll 0 0 #000000;
margin: 25px;
padding: 0px;
color: white;
background-color:#000;
}
h1{
color:#fff;
}
.Absolute-Center {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.Absolute-Center.is-Responsive {
width: 90%;
height: 100%;
min-width: 200px;
max-width: 900px;
padding: 0px;
}
.InfoWrapper {
background: #ffffff;
border:5px solid #FF29EA;
border-radius: 20px;
font-weight: bold;
font-size: 135%;
color: #000000;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 10px;
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
<!-- ----------------------------Adult Form Buttons---------------------------------------- -->
function showonlyone(thechosenone) {
$('.adultboxes').each(function (index) {
if ($(this).attr("id") == thechosenone) {
$(this).show(200);
} else {
$(this).hide(600);
}
});
}
<!-- ----------------------------Minor Form Buttons---------------------------------------- -->
function toggleDiv(divID) {
$("#" + divID).toggle(200);
}
<!-- ----------------------------add more minors---------------------------------------- -->
var child = 1;
function minor_fields() {
child++;
var objTo = document.getElementById('minor_fields')
var divminors = document.createElement("div");
divminors.setAttribute("class", "form-group removeclass"+child);
var rdiv = 'removeclass'+child;
divminors.innerHTML = '<div class="minorSelect"><div class="form-group col-lg-5"><input id="txtMinorFirst' +
child + '" type="text" name="minorFirst' + child +
'" placeholder="First Name" class="form-control" data-minlength="2" data-validation="required" required></div><div class="form-group col-lg-2"><input id="txtMinorMiddle' +
child + '" type="text" name="minorMiddle' + child +
'" placeholder="MI" class="form-control" data-maxlength="1" required></div><div class="form-group col-lg-5"><input id="txtMinorLast' +
child + '" type="text" name="minorLast' + child +
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: