我想驗證HTML5表單驗證中的文本

Question

我想驗證HTML5表單驗證中的文本。例如，當我填寫一個只能輸入電子郵件地址的字段時，但是當用戶輸入字母時，會顯示錯誤消息，如何驗證錯誤消息？我一直在爲此奮鬥了很長時間，並且非常感謝您的幫助。

Answer 1

由於HTML5有新的輸入型可即電子郵件，電話......通過在您打字的形式是這樣的： <input type="email" required /> 你得到的是通過HTML5 validaded電子郵件領域。它還具有以下優點：當您的網頁在移動設備上使用時，鍵盤會發生變化，即當您有一個電話字段時，鍵盤佈局會更改爲僅數字鍵盤。

或者，您可以使用模式來檢查電子郵件地址是否有效。 <input pattern="\A(?:[a-z0-9!#$%&'*+/=?^_{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@ (?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])\z"/>（沒有保證，這是正確的在不同的輸入類型

更多信息可用，因爲HTML5：

http://www.wufoo.com/html5/

http://www.w3.org/TR/html-markup/input.email.html

http://www.regular-expressions.info/email.html

如果你想絕對保證你的電子郵件是有效的我不認爲有一種方法使用JavaScript即檢查是否一個國家代碼實際上是有效的。