MDN - 表單數(shù)據(jù)校驗

截圖里的樣式明顯是 Chrome 自帶的。通常用 required 和 pattern 來實現(xiàn)。

無需依賴第三方庫，直接使用html5的required屬性即可。
required 屬性規(guī)定必需在提交之前填寫輸入字段，如果使用該屬性，則字段是必填（或必選）的。
required 屬性適用于以下 <input> 類型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

案例：

<form action="/api/register" method="get">
  你的名字: <input type="text" name="usr_name" required="required" />
  你的密碼: <input type="text" name="usr_password" required="required" />
  <input type="submit" value="注冊" />
</form>

題目有錯別字。

<input required type="text" />

這是HTML5新增的，主流瀏覽器都支持。