Kroki jQuery - Kreator resetowania bez przeładowania strony

Question

Używam kroków jQuery (https://github.com/rstaib/jquery-steps/wiki), aby utworzyć krok po kroku formularz do wypełnienia przez użytkowników. Działa świetnie, ale muszę mieć możliwość zresetowania go. Po przesłaniu formularza przez użytkownika (używając ajax, aby strona się nie odświeżyła), chciałbym przedstawić świeżego kreatora użytkownika.

Czy istnieje sposób na zresetowanie kreatora? A może załadować ponownie bez ponownego ładowania strony?

Answer 1

Byłem w stanie zresetować mój kreator kroków jQuery, dodając kilka linii kodu do rozwiązania here oraz kilka dodatkowych linii kodu, aby usunąć klasy css. Będziesz musiał zresetować formularz przy użyciu preferowanej biblioteki przed lub po wywołaniu tej funkcji.

$.fn.steps.reset = function() { 
    var wizard = this, 
    options = getOptions(this), 
    state = getState(this); 
    goToStep(wizard, options, state, 0); 

    for (i = 1; i < state.stepCount; i++) { 
    var stepAnchor = getStepAnchor(wizard, i); 
    stepAnchor.parent().removeClass("done")._enableAria(false); 
    } 
}; 

Answer 2

You can user this function after submitting your form: 

function resetForm(id_form){ 
    $("#" + id_form).find('input[type="text"]').val(''); 
    $("#" + id_form).find('input[type="password"]').val(''); 
    $("#" + id_form).find('input[type="checkbox"]').removeAttr("checked"); 
    $("#" + id_form).find('select option').removeAttr("selected"); 
    $("#" + id_form).find('textarea').val(''); 
} 

Best regards! 

Answer 3

Można użyć jQuery Form Plugin , resetowanie lub wyczyszczenie formularza jest wtedy bardzo łatwo

$('#myFormId').resetForm(); 

Albo

$('#myFormId').clearForm(); 

Albo tylko Special Fields

$('#myFormId .specialFields').clearFields(); 

Answer 4

niewielka korekta z funkcją zwyczaj Reset:

$.fn.steps.reset = function() { 
var wizard = this, 
options = getOptions(this), 
state = getState(this); 

if(state.currentIndex>0) 
{ 
    goToStep(wizard, options, state, 0); 

    for (i = 1; i < state.stepCount; i++) { 
    var stepAnchor = getStepAnchor(wizard, i); 
    stepAnchor.parent().removeClass("done")._enableAria(false); 
    } 
} 
}; 

I dodaje, jeśli w przypadku próby zresetowania w kroku 0.