浮雲雅築: [研究]單一或多個 Email 格式驗證 (使用 HTML5)

2022年6月10日星期五

[研究]單一或多個 Email 格式驗證 (使用 HTML5)

[研究]單一或多個 Email 格式驗證 (使用 HTML5)

2022-06-10

在HTML5問世前，輸入資料是否符合 Email 格式，要自己想辦法處理。

HTML 5 提供 inpuit 標籤 type屬性值為 email 時，可以驗證輸入內容是否符合單一 Email 格式；若再多加一個 multiple 屬性，則驗證是否符合多個 Email。

環境：Visual Studio 2022 + ASP.NET + WebForm + Web Application + C#

Default2.aspx

<%@ Page Language="C#" AutoEventWireup="true" 
    CodeBehind="Default2.aspx.cs" Inherits="WebApplication1.Default2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        Single Email 1:<asp:TextBox ID="TextBox1" Type="email" runat="server"></asp:TextBox><br />
        Single Email 2:<input id="Text1" type="email" /><br />

        Multiple Email 1:<asp:TextBox ID="TextBox2" Type="email" multiple runat="server"></asp:TextBox><br />
        Multiple Email 2:<asp:TextBox ID="TextBox3" Type="email" multiple="multiple" runat="server"></asp:TextBox><br />
        Multiple Email 3:<input id="Text2" type="email" multiple /><br />
        Multiple Email 4:<input id="Text3" type="email" multiple="multiple" /><br />
        <asp:Button ID="Button1" runat="server" Text="Send" />
    </form>
</body>
</html>

部分程式碼底下被標記成綠色波浪線