Material Design - 使用 jQuery 设置输入

Question

I have edit form, made with material design and I set input with jquery

$("#item").val('value')

But then it has this effect. Until I edit it with a keyboard, js from material design "thinks" there is no text in inputs.

I tried triggering events like .change(), .keyup() or keypress(), it didn't work.

Thanks for any help or tips.

Answer 1

Here is a DEMO

script:

$("#sample1").val('TEST').parent('.mdl-textfield').addClass('is-dirty').removeClass('is-invalid');