HTML 5 <input> pattern ÊôÐÔ

ʵÀý

Ö»Äܰüº¬Èý¸ö×ÖĸµÄÎı¾×ֶΣ¨Êý×Ö»òÌØÊâ×Ö·û£©£º

  Country code: <input type="text" name="country_code" pattern="[A-z]{3}"
  title="Three letter country code" />

Ç××ÔÊÔÒ»ÊÔ

¶¨ÒåºÍÓ÷¨

pattern ÊôÐԹ涨ÓÃÓÚÑéÖ¤ÊäÈë×ֶεÄģʽ¡£

ģʽָµÄÊÇÕýÔò±í´ïʽ¡£Äú¿ÉÒÔÔÚÎÒÃÇµÄ JavaScript ½Ì³ÌÖÐÔĶÁµ½Õâ·½ÃæµÄÄÚÈÝ¡£

×¢ÊÍ£ºpattern ÊôÐÔÊÊÓÃÓÚÒÔÏ <input> ÀàÐÍ£ºtext, search, url, telephone, email ÒÔ¼° password ¡£

Ìáʾ£ºÇëʹÓñê×¼µÄ "title" ÊôÐÔÀ´ÃèÊöģʽ¡£

HTML 4.01 Óë HTML 5 Ö®¼äµÄ²îÒì

pattern ÊôÐÔÊÇ HTML5 ÖеÄÐÂÊôÐÔ¡£

Óï·¨

<input pattern="regexp">

ÊôÐÔÖµ

Öµ ÃèÊö
regexp ¹æ¶¨ÓÃÓÚÑéÖ¤ÊäÈë×ֶεÄģʽ¡£
VUE