HTML 5的校驗字段

<html> 
<form name=「test」 action=「test.php」> 

<input type=「text」 name=「surname」 pattern=「.{3,}>」 
<input type=「submit」 value=「send」> 

</form>

我想的是，「姓」字段中至少有3個字符，爲此我加入了pattern屬性（我使用HTML5 ），但是這樣我每次用戶點擊「發送」按鈕時都會檢查這一點，而每次用戶在不使用javascript而僅使用HTML5的情況下編輯「姓氏」字段時，我都會檢查這一點。這可能嗎？

2016-07-21 arturo

如果您不使用JavaScript，那麼IMO不應使用JavaScript標記 –

您需要添加客戶端JavaScript到PHP處理之前，你的形式，

檢查的字母和數字的輸入序列或模式，你需要添加一個正則表達式來檢查輸入的值

2016-07-21 20:22:11

不使用JavaScript是不可能的。有關更多詳細信息，請參閱HTML5 specification。但是，您可以將CSS更改爲無效值的指示：

input[pattern]:invalid { 
    color:red; 
}

2016-07-21 20:31:01

回答