validacion - validar formulario javascript html5

¿Cómo restablecer todos los demás dispositivos noUlders pero con los que el usuario está jugando?

Question

Tengo varios controles deslizantes, cada uno de ellos vinculado a campos de formulario. Cuando cualquiera de ellos se actualiza, ya sea arrastrando o escribiendo, quiero restablecer todos los demás.

El motivo es que quiero que el usuario guarde sus cambios en un control deslizante (formulario) antes de intentar cambiar otro. De lo contrario, reinicié los cambios.

No puedo escuchar la update o set eventos y llamar a .set() en los otros controles deslizantes, porque eso desencadenaría un bucle infinito.

Entonces, ¿cómo puedo restablecer un control deslizante sin activar ningún evento? O alguien tiene un enfoque diferente?

(agregando código según lo solicitado)

slider.noUiSlider.on(''set'', function(values, handle) {
    $(slider).parents(''form'').siblings(''form'').find(''my-slider'').each(function() {
        var values = this.noUiSlider.get();
        var originals = $(this).closest(''.mirror-field'').toArray();
        values.forEach( function(val, index) {
            if ( ! val.isSame(originals[index].value)) { // val is a ''moment'' object
                values[index] = originals[index].value;
            }
        });
        this.noUiSlider.set(values); // this is when chaos is unleashed
    });
});

Answer 1

Intenta usar "diapositiva"

SLIDER1.noUiSlider.on(''slide'', function(){
    SLIDER2.noUiSlider.set( *defaultvalue* );
    SLIDER3.noUiSlider.set( *defaultvalue* );
    ...
});

"slide" no llama al método .set() pero funciona de alguna manera igual que "update"

tal vez esta es tu solución :)