HTML5驗證消息？

我已經在我的新項目中使用了HTML5，並且使用一些新功能似乎很不錯。然而，有幾件事情是不確定的，我可以讓他們工作。例如，如果我使用pattern屬性來爲我的字段驗證錯誤消息未在所有瀏覽器中顯示。我讀了很少的博客，但他們都太老了，我不確定哪些問題得到解決。這是我的例子：HTML5驗證消息？

<input type="text" name="frm_field1" id="frm_field1" style="width:50px" pattern="^/d{1,3}$" title="Numeric values up to 3 digits." x-moz-errormessage="Numeric values up to 3 digits allowed." />

以上代碼將輸出在Fierfox錯誤消息，但不會在Chrome，Safari和IE瀏覽器輸出任何東西。我想知道這個問題是否可以解決一些如何？到目前爲止，我無法在所有瀏覽器中顯示此錯誤消息。我的字段不是必需的，只有當值在字段中時纔會觸發驗證。如果有人知道解決這個問題的方法，請告訴我。謝謝！

來源

2017-09-25 espresso_coffee

這是因爲你使用特定於Firefox的x-moz-errormessage前綴沒有爲WebKit的（鉻）沒有等價的東西，但你可能想看看setCustomValidity

來源

2017-09-25 15:00:14

您也可優選使用JavaScript來驗證您的形式嘗試代替。

來源

2017-09-25 17:44:49 kelvin

爲什麼在HTML5已經驗證時使用Javascript？ –

它提供了更好更靈活的客戶端驗證，您還可以將其與服務器端驗證一起使用，以提高安全性。 – kelvin

HTML5驗證消息？

回答

相關問題