Calling reset() in a form does not move the label back over

Topic: Calling reset() in a form does not move the label back over input on form items

Everton Gabriel pro asked 9 years ago

When a input is empty clicking it makes the label move up, you can add text and click outside then the label keeps in the above position (good behavior). Then if I click again and make the field empty it and click outside the label will move over the label again (good behavior). Now if I fill the input and call form.reset() the field will be empty but the label will not go back over the label. Is there any way to solve this? How do I make the labels realize the inputs are empty and make then move back over the labels? The idea is to submit a form via ajax and reset it to empty state so a new form can be inputted.

Add comment

Everton Gabriel pro answered 9 years ago

0 0 Best answer

This is the workaround so far:


  $(form).find(':input').each(function(ix,el)
  {
    el.focus();
  });
  document.activeElement.blur();

Add comment

Bartłomiej Malanowski staff pro premium answered 9 years ago

0 0 Best answer

Try to remove ".active" class from label when you want to reset form

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

User: Pro
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Everton Gabriel

Pro User

22Support score
12Questions 17Answers

0Snippets likes 0Snippets