Constraint Validation API

API for better control over form field validation. Includes support for checkValidity(), setCustomValidity(), reportValidity() and validation states.

Spec	https://html.spec.whatwg.org/dev/form-control-infrastructure.html#the-constraint-validation-api
Status	WHATWG Living Standard

IE	Edge	Firefox	Chrome	Safari	Opera
			98
		95	97
		94	96	TP
11 (1,2,3)	95	93	95	15	80
10 (1,2,3)	94	92	94	14.1	79
9	93	91	93	14	78
8	92	90	92	13.1	77
Show all
7	91	89	91	13	76
6	90	88	90	12.1	75
5.5	89	87	89	12	74
	88	86	88	11.1	73
	87	85	87	11	72
	86	84	86	10.1	71
	85	83	85	10	70
	84	82	84	9.1 (1,2)	69
	83	81	83	9 (1,2)	68
	81	80	81	8 (1,2)	67
	80	79	80	7.1 (1,2)	66
	79	78	79	7 (1,2,3)	65
	18	77	78	6.1 (1,2,3)	64
	17	76	77	6 (1,2,3)	63
	16 (1,2)	75	76	5.1 (1,2,3)	62
	15 (1,2)	74	75	5	60
	14 (1,2)	73	74	4	58
	13 (1,2,3)	72	73	3.2	57
	12 (1,2,3)	71	72	3.1	56
		70	71		55
		69	70		54
		68	69		53
		67	68		52
		66	67		51
		65	66		50
		64	65		49
		63	64		48
		62	63		47
		61	62		46
		60	61		45
		59	60		44
		58	59		43
		57	58		42
		56	57		41
		55	56		40
		54	55		39
		53	54		38
		52	53		37
		51	52		36
		50 (2)	51		35
		49 (2)	50		34
		48 (1,2)	49		33
		47 (1,2)	48		32
		46 (1,2)	47		31
		45 (1,2)	46		30
		44 (1,2)	45		29
		43 (1,2)	44		28
		42 (1,2)	43		27
		41 (1,2)	42		26 (1,2)
		40 (1,2)	41		25 (1,2)
		39 (1,2)	40		24 (1,2)
		38 (1,2)	39 (1,2)		23 (1,2)
		37 (1,2)	38 (1,2)		22 (1,2)
		36 (1,2)	37 (1,2)		21 (1,2)
		35 (1,2)	36 (1,2)		20 (1,2)
		34 (1,2)	35 (1,2)		19 (1,2)
		33 (1,2)	34 (1,2)		18 (1,2)
		32 (1,2)	33 (1,2)		17 (1,2)
		31 (1,2)	32 (1,2)		16 (1,2)
		30 (1,2)	31 (1,2)		15 (1,2)
		29 (1,2)	30 (1,2)		12.1 (1,2,3)
		28 (1,2,3)	29 (1,2)		12 (1,2,3)
		27 (1,2,3)	28 (1,2)		11.6 (1,2,3)
		26 (1,2,3)	27 (1,2)		11.5
		25 (1,2,3)	26 (1,2)		11.1
		24 (1,2,3)	25 (1,2)		11
		23 (1,2,3)	24 (1,2,3)		10.6
		22 (1,2,3)	23 (1,2,3)		10.5
		21 (1,2,3)	22 (1,2,3)		10.0-10.1
		20 (1,2,3)	21 (1,2,3)		9.5-9.6
		19 (1,2,3)	20 (1,2,3)		9
		18 (1,2,3)	19 (1,2,3)
		17 (1,2,3)	18 (1,2,3)
		16 (1,2,3)	17 (1,2,3)
		15 (1,2,3)	16 (1,2,3)
		14 (1,2,3)	15 (1,2,3)
		13 (1,2,3)	14
		12 (1,2,3)	13
		11 (1,2,3)	12
		10 (1,2,3)	11
		9 (1,2,3)	10
		8 (1,2,3)	9
		7 (1,2,3)	8
		6 (1,2,3)	7
		5 (1,2,3)	6
		4 (1,2,3)	5
		3.6	4
		3.5
		3
		2

Safari on iOS	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser	KaiOS Browser
15	all	94	10 (1,2)	64	94	92	11 (1,2,3)	12.12	15.0	10.4	7.12	2.5 (1,2)
14.5-14.8		4.4.3-4.4.4 (1,2)	7	12.1 (1,2,3)			10 (1,2,3)		14.0
14.0-14.4		4.4 (1,2)		12 (1,2,3)					13.0
13.4-13.7		4.2-4.3 (1,2,3)		11.5					12.0
Show all
13.3		4.1 (1,2,3)		11.1					11.1-11.2
13.2		4 (1,2,3)		11					10.1
13.0-13.1		3		10					9.2
12.2-12.5		2.3							8.2
12.0-12.1		2.2							7.2-7.4
11.3-11.4		2.1							6.2-6.4
11.0-11.2									5.0-5.4
10.3									4
10.0-10.2
9.3 (1,2)
9.0-9.2 (1,2)
8.1-8.4 (1,2)
8 (1,2)
7.0-7.1 (1,2)
6.0-6.1 (1,2,3)
5.0-5.1 (1,2,3)
4.2-4.3
4.0-4.1
3.2

Notes

1. Does not support reportValidity

2. Does not support validity.tooShort. See also support for minlength.

3. Does not support validity.badInput

Resources

• MDN article on constraint validation
• MS Edge UserVoice request for reportValidity
• `reportValidity()` ponyfill