TRF Certest first commit
This commit is contained in:
@@ -0,0 +1,49 @@
|
||||
var stepper1
|
||||
var stepper2
|
||||
//var stepper3
|
||||
var stepper4
|
||||
var stepperForm
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
stepper1 = new Stepper(document.querySelector('#stepper1'))
|
||||
stepper2 = new Stepper(document.querySelector('#stepper2'), {
|
||||
linear: false
|
||||
})
|
||||
|
||||
stepper3 = new Stepper(document.querySelector('#stepper3'))
|
||||
|
||||
var stepperFormEl = document.querySelector('#stepperForm')
|
||||
stepperForm = new Stepper(stepperFormEl, {
|
||||
animation: true
|
||||
})
|
||||
|
||||
var btnNextList = [].slice.call(document.querySelectorAll('.btn-next-form'))
|
||||
var stepperPanList = [].slice.call(stepperFormEl.querySelectorAll('.bs-stepper-pane'))
|
||||
var inputMailForm = document.getElementById('inputMailForm')
|
||||
var inputPasswordForm = document.getElementById('inputPasswordForm')
|
||||
var form = stepperFormEl.querySelector('.bs-stepper-content form')
|
||||
|
||||
btnNextList.forEach(function (btn) {
|
||||
btn.addEventListener('click', function () {
|
||||
stepperForm.next()
|
||||
})
|
||||
})
|
||||
|
||||
stepperFormEl.addEventListener('show.bs-stepper', function (event) {
|
||||
form.classList.remove('was-validated')
|
||||
var nextStep = event.detail.indexStep
|
||||
var currentStep = nextStep
|
||||
|
||||
if (currentStep > 0) {
|
||||
currentStep--
|
||||
}
|
||||
|
||||
var stepperPan = stepperPanList[currentStep]
|
||||
|
||||
if ((stepperPan.getAttribute('id') === 'test-form-1' && !inputMailForm.value.length)
|
||||
|| (stepperPan.getAttribute('id') === 'test-form-2' && !inputPasswordForm.value.length)) {
|
||||
event.preventDefault()
|
||||
form.classList.add('was-validated')
|
||||
}
|
||||
})
|
||||
})
|
||||
Reference in New Issue
Block a user