formulario en varios pasos
Publicado por fernando (8 intervenciones) el 20/11/2018 22:20:27
Buenas tengo un formulario dividido en varios pasos los cuales para pasar al siguiente paso hay que pulsar un botón continuar.
Me gustaría eliminar el botón de continuar y que al introducir los datos en el input o select automáticamente se pase al siguiente paso. Lo he intentado pero no consigo resolverlo
os dejo el javascript que divide el formulario en varios pasos y la acción del botón continuar para pasar al siguiente paso.
y aqui os dejo el boton
Me gustaría eliminar el botón de continuar y que al introducir los datos en el input o select automáticamente se pase al siguiente paso. Lo he intentado pero no consigo resolverlo
os dejo el javascript que divide el formulario en varios pasos y la acción del botón continuar para pasar al siguiente paso.
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
<script type="text/javascript">
$(document).ready(function() {
var current = 1,
current_step, next_step, steps;
steps = $("fieldset").length;
$(".next").click(function() {
current_step = $(this).parent();
next_step = $(this).parent().next();
next_step.show();
current_step.hide();
setProgressBar(++current);
});
$(".previous").click(function() {
current_step = $(this).parent();
next_step = $(this).parent().prev();
next_step.show();
current_step.hide();
setProgressBar(--current);
});
setProgressBar(current);
// Change progress bar action
function setProgressBar(curStep) {
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();
$(".progress-bar")
.css("width", percent + "%")
.html(percent + "%");
}
});
</script>
y aqui os dejo el boton
1
<input type="button" name="" class="next btn-green-corpo" value="continuar" />
Valora esta pregunta


0