Material-ui: [TextField] "pattern" attribute

[verekia]

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

An input text field can have a pattern attribute containing a regex string, which the browser natively uses for validation (HTML5 spec).

Current Behavior

Currently, passing pattern to TextField does not transmit it to the underlying input, making native regex validation impossible.

Steps to Reproduce (for bugs)

https://codesandbox.io/s/wy56937zy5

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI |1.0.0-beta.20|
| React |16.0.0|
| browser |Chrome|

[verekia]

My bad! The inputProps prop can be used to transmit props to the input:

https://codesandbox.io/s/wy56937zy5

[adriangabardo]

@verekia life saver, thanks

[anuj-datopic]

Does not seem to be working anymore. Can anyone test it again?

[farzad-jafari]

Does not seem to be working anymore. Can anyone test it again?
I guess you have not submitted the form yet. Pattern validation only occurs when you submit the form. It does not prevent you from entering an invalid value.

[lk9100]

took me a while 🙈

✅ inputProps: {{pattern: '[a-z]'}}
❌ InputProps: {{pattern: '[a-z]'}}

[oliviertassinari]

@lk9100 See #11377