[Input] How can I get the value if the input value is not a valid number for type="Number" Input?

[Xidai]

Consider this scenario, there is a Input with type="Number", I only type '-' into the Input and focus out, the '-' is not a valid number, so the event.target.value returns empty, but what we need is to highlight it with error state to tell the user this is not a valid number so that he/she should modify it. But I can not get the real input '-'. Is there any way I can achieve that?

[nnaydenow]

Hi @Xidai,

If the input is initially empty you can check on change if the value is empty or parsed to int if it's NaN.

That's how native input also works: https://jsbin.com/babokidexe/1/

For me it seems reasonable to add something that might help with that validation. As in native works you can use :valid / :invalid selectors not only the value itself.

[nnaydenow]

I opened issue as a feature request from the discussion: #10479