Не удалось сбросить форму

Question

Я пытаюсь сбросить форму.Моя кнопка сброса по какой-то причине не работает:

<input id="btn_clearForm" type="reset" name="clearForm" value="Clear" />

Итак, я создал эту функцию для выполнения работы:

jQuery('.clearButton').live('click',function () {
  clearForm(jQuery('#brand_data_form')); 
});

function clearForm(form) {
  jQuery(':input[type=text], :input[type=textarea]', form).val('');
  jQuery(':input[type=checkbox]', form).attr('checked', false);
  jQuery('select', form).attr('selectedIndex', -1);
  alert('test'); // <- At this point, the form is cleared
}

Проблема в том, что после функции clearFormПосле запуска данные возвращаются в форму.

Я добавил alert, чтобы я мог контролировать очистку, и каждое поле формы сбрасывается.Но когда все закончится, все снова заполняется.

Я не понимаю, что здесь не так.

Answer 1

Кнопка сброса сбрасывает форму до начальных значений.Вы хотите «очистить» форму, которая немного отличается.Поскольку вы присоединяете свою функцию очистки к кнопке сброса, эти две функции могут показаться противоречивыми.Я бы изменил ваш ввод на кнопку типа, и это должно очистить его (не каламбур).

<input id="btn_clearForm" type="button" name="clearForm" value="Clear" />