Problem on materialize css text box or textarea

     In materialize css textbox or textarea always shown in active mode if you clear the text box or text area values dynamically. If you want to deactivate the controller, just you can remove the active class while clear the text or textarea.

Example

    $("#txtincome").val("");
    $("#txtincome").next().removeClass("active");

Problem
     In the following example you can see the problem, first type any text on the Name text box, and try to click the "remove value" button, the text box is still in the active mode.

Name

     You can solve this problem using the following example program.


Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement