ValidityState
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨Ð¸ÑÐ»Ñ 2015 г.â©.
ÐнÑеÑÑÐµÐ¹Ñ ValidityState пÑедÑÑавлÑÐµÑ ÑоÑÑоÑÐ½Ð¸Ñ Ð²Ð°Ð»Ð¸Ð´Ð½Ð¾ÑÑи, в коÑоÑÑÑ
Ð¼Ð¾Ð¶ÐµÑ Ð½Ð°Ñ
одиÑÑÑÑ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð¿Ñи валидаÑии огÑаниÑений. ÐмеÑÑе они помогаÑÑ Ð¿Ð¾Ð½ÑÑÑ, по какой именно пÑиÑине знаÑение ÑлеменÑа не пÑоÑло валидаÑиÑ.
СвойÑÑва
ÐÑли ÑвойÑÑво возвÑаÑÐ°ÐµÑ true, знаÑÐ¸Ñ Ð¾Ð½Ð¾ оÑÑÐ°Ð¶Ð°ÐµÑ Ð¿ÑиÑинÑ, по коÑоÑой знаÑение не пÑоÑло валидаÑиÑ. ÐÑплÑÑением ÑвлÑеÑÑÑ Ð»Ð¸ÑÑ ÑвойÑÑво valid, коÑоÑое возвÑаÑÐ°ÐµÑ true, когда знаÑение ÑлеменÑа ÑооÑвеÑÑÑвÑÐµÑ Ð²Ñем огÑаниÑениÑм.
badInputТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли полÑзоваÑÐµÐ»Ñ Ð²Ð²Ñл знаÑение, коÑоÑое бÑаÑÐ·ÐµÑ Ð½Ðµ Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑеобÑазоваÑÑ. customErrorТолÑко Ð´Ð»Ñ ÑÑениÑ-
Boolean, ÑказÑваÑÑий, бÑло ли ÑÑÑановлено каÑÑомное ÑообÑение валидаÑии пÑÑÑм вÑзова меÑодаsetCustomValidity()Ñ Ð½ÐµÐ¿ÑÑÑой ÑÑÑокой в аÑгÑменÑе. patternMismatchТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли знаÑение не ÑооÑвеÑÑÑвÑÐµÑ ÑаблонÑ, ÑÐºÐ°Ð·Ð°Ð½Ð½Ð¾Ð¼Ñ Ð² аÑÑибÑÑеpattern.false, еÑли знаÑение ÑооÑвеÑÑÑвÑÐµÑ ÑÑÐ¾Ð¼Ñ ÑаблонÑ. ÐÑлиtrue, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ CSS-пÑевдоклаÑÑÑ:invalid. rangeOverflowТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли знаÑение болÑÑе макÑимÑма, заданного в аÑÑибÑÑеmax.false, еÑли знаÑение менÑÑе или Ñавно емÑ. ÐÑлиtrue, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ CSS-пÑевдоклаÑÑам:invalidи:out-of-range. rangeUnderflowТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли знаÑение менÑÑе минимÑма, заданного в аÑÑибÑÑеmin.false, еÑли знаÑение болÑÑе или Ñавно емÑ. ÐÑлиtrue, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ CSS-пÑевдоклаÑÑам:invalidи:out-of-range. stepMismatchТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли знаÑение не ÑооÑвеÑÑÑвÑÐµÑ Ð¿Ñавилам, заданнÑм в аÑÑибÑÑеstep(Ñо еÑÑÑ, не делиÑÑÑ Ð±ÐµÐ· оÑÑаÑка на знаÑение Ñага).false, еÑли ÑооÑвеÑÑÑвÑÐµÑ ÑÑим пÑавилам. ÐÑлиtrue, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ CSS-пÑевдоклаÑÑам:invalidи:out-of-range. tooLongТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли знаÑение пÑевÑÑÐ°ÐµÑ Ð»Ð¸Ð¼Ð¸Ñ, ÑказаннÑй в аÑÑибÑÑеmaxlengthобÑекÑовHTMLInputElementилиHTMLTextAreaElement.false, еÑли длина менÑÑе или Ñавна макÑималÑной длине. ÐÑимеÑание: Ðанное ÑвойÑÑво никогда не бÑдеÑtrueв Gecko, поÑÐ¾Ð¼Ñ ÑÑо знаÑÐµÐ½Ð¸Ñ ÑлеменÑа не ÑазÑеÑаеÑÑÑ Ð±ÑÑÑ Ð±Ð¾Ð»ÑÑеmaxlength. ÐÑлиtrue, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ CSS-пÑевдоклаÑÑам:invalidи:out-of-range. tooShortТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли длина знаÑÐµÐ½Ð¸Ñ Ð½Ðµ доÑÑÐ¸Ð³Ð°ÐµÑ Ð¼Ð¸Ð½Ð¸Ð¼Ñма, Ñказанного в аÑÑибÑÑеminlengthобÑекÑовHTMLInputElementиHTMLTextAreaElement.false, еÑли длина болÑÑе или Ñавна емÑ. ÐÑлиtrue, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ CSS-пÑевдоклаÑÑам:invalidи:out-of-range. typeMismatchТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли знаÑение не ÑооÑвеÑÑÑвÑÐµÑ ÑÑебÑÐµÐ¼Ð¾Ð¼Ñ ÑинÑакÑиÑÑ (когда длÑtypeзадано знаÑениеemailилиurl).false, еÑли ÑинÑакÑÐ¸Ñ ÐºÐ¾ÑÑекÑнÑй. ÐÑлиtrue, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ CSS-пÑевдоклаÑÑÑ:invalid. validТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ Ð²Ñем огÑаниÑениÑм валидаÑии и, ÑледоваÑелÑно, ÑÑиÑаеÑÑÑ Ð²Ð°Ð»Ð¸Ð´Ð½Ñм.false, еÑли не ÑооÑвеÑÑÑвÑÐµÑ Ð»ÑÐ±Ð¾Ð¼Ñ Ð¾Ð³ÑаниÑениÑ. ÐÑлиtrue, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ CSS-пÑевдоклаÑÑÑ:valid; инаÑе â пÑевдоклаÑÑÑ:invalid. valueMissingТолÑко Ð´Ð»Ñ ÑÑениÑ-
Booleantrue, еÑли Ñ ÑлеменÑа еÑÑÑ Ð°ÑÑибÑÑrequired, но Ñам ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½ не бÑл.false, еÑли ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð±Ñл заполнен. ÐÑлиtrue, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑооÑвеÑÑÑвÑÐµÑ CSS-пÑевдоклаÑÑÑ:invalid.
СпеÑиÑикаÑии
| Specification |
|---|
| HTML # validitystate |