HTML “货币”字段的输入模式

Question

Attempting to use a regex pattern for an HTML input element that limits the characters to 0-9, ",","-",".","$"

I have very little experience in regex and used the pattern=[0-9,.-$] on the input element and it does not work. Though I plan on studying regex intensely in the future, I need a little help on this for now. Thank you.

 <form> <input name="currency" pattern=[0-9,.-$]> <button>Submit</button> </form>

Answer 1

don't use regex, use native type="number" that will do job for you with no need for regex

coverage is almost full > https://caniuse.com/#feat=input-number

 <form> <input type="number" name="currency"> <button>Submit</button> </form>

Answer 2

You have two problems.

• - indicates a range , you already used it as such for 0-9 . .-$ isn't a valid range. A validator would have highlighted this for you. You need to escape the - .
• You are only matching one character. You need to match multiple so use something like + to mean one or more

 <form> <input name="currency" pattern="[0-9,.\-$]+"> <button>Submit</button> </form>