表單和輸入

Question

所需的電子郵件類型。當我創建所需的輸入形式：

<form action="" id="FormMessage" method="post" > 
    <div style="max-width:700px;"> 
        <input name="InputEmail" id="InputName" class="email" type="text" width="100%" placeholder="Your email" required> 
      <div style="padding-top:20px"> 
       <button id="BtMessage" class="btn btn-primary">Send</button> 
      </div> 
    </div> 
</form> 

如果它不填寫，我們得到這樣的警告消息：

例試圖點擊時在發送按鈕沒有填寫電子郵件：http://jsfiddle.net/c9b47j9j/

有沒有什麼辦法可以得到這個相同的消息，但如果什麼已經填寫ed不是電子郵件嗎？

Answer 1

然後，您需要將輸入type="text"更改爲type="email"。然後它會自動驗證該字段爲電子郵件。但請記住，這只是HTML 5驗證。

如果你想使用更多額外的驗證，你需要使用JS或jQuery pulgins，或自己寫。下面 一些jQuery的形式驗證插件鏈接::

• https://jqueryvalidation.org/
• http://www.formvalidator.net/

Answer 2

您可以使用下面。它會默認驗證電子郵件。不需要代碼。

<input type='email' /> 

Answer 3

這是

<input name="InputEmail" id="InputName" class="email" type="text" width="100%" placeholder="Your email" required>` 

，因爲你寫的 「需要」 這實際上是在Chrome，火狐，Safari，IE 9以上版本和邊緣的HTML驗證關鍵字。

如果您想驗證沒有此警報的空字段驗證，請移除「required」關鍵字並改爲使用JavaScript代碼。

Answer 4

而不是input type ='text'，請使用input type ='email'。這將驗證用戶是否輸入了有效的電子郵件地址。

這是現在支持所有主流瀏覽器：

http://caniuse.com/#search=type%3Demail

實現這一目標是使用模式屬性將正則表達式的另一種方式：

https://www.w3schools.com/tags/att_input_pattern.asp