xxxxxxxxxx
1
<ul class="stepper linear">
2
<li class="step active">
3
<div data-step-label="Type something" class="step-title waves-effect waves-dark">Step 1</div>
4
<div class="step-new-content">
5
<div class="row">
6
<div class="md-form col-12 ml-auto">
7
<input id="email-linear" type="email" class="form-control validate" required>
8
<label for="email-linear">Your e-mail</label>
9
</div>
10
</div>
11
<div class="step-actions">
12
<button class="waves-effect waves-dark btn btn-sm btn-primary next-step">CONTINUE</button>
13
</div>
14
</div>
15
</li>
16
<li class="step">
17
<div class="step-title waves-effect waves-dark">Step 2</div>
18
<div class="step-new-content">
19
<div class="row">
20
<div class="md-form col-12 ml-auto">
21
<input id="password-linear" type="password" class="form-control validate" required>
22
<label for="password-linear">Your password</label>
23
</div>
24
</div>
25
<div class="step-actions">
26
<button class="waves-effect waves-dark btn btn-sm btn-primary next-step">CONTINUE</button>
27
<button class="waves-effect waves-dark btn btn-sm btn-secondary previous-step">BACK</button>
28
</div>
29
</div>
30
</li>
31
<li class="step">
32
<div class="step-title waves-effect waves-dark">Step 3</div>
33
<div class="step-new-content">
34
Finish!
35
<div class="step-actions">
36
<button class="waves-effect waves-dark btn btn-sm btn-primary m-0 mt-4" type="button">SUBMIT</button>
37
</div>
38
</div>
39
</li>
40
</ul>
1
1
xxxxxxxxxx
1
$(document).ready(function () {
2
$('.stepper').mdbStepper();
3
4
$('#email-linear').val('some@email.com');
5
$('label[for=email-linear]').addClass('active')
6
7
$('#password-linear').val('somepassword');
8
$('label[for=password-linear]').addClass('active')
9
})
Console errors: 0