HTML文字欄位限制

Question

我是開發站點的新手，我創建了一個包含人員聯系方式的表格。

在電子郵件文本字段中，我只允許使用字符@作為電子郵件地址，如果不存在'@'字符，則會顯示一條錯誤消息。

電子郵件輸入的HTML代碼為：

<td class="content"><input name="txtEmail" type="text" class="box" id="txtEmail" size="60" maxlength="100" /></td>

確保輸入該字段的Javascript是：

function checkShippingAndPaymentInfo()
{
    with (window.document.frmCheckout) {
        if (isEmpty(txtEmail, 'Please enter your email address')) {
            return false;
        } else {
            return true;
        }
    }
}

上面的代碼有效，但沒有我需要的限制。 我需要做的就是驗證在文本輸入字段中設置的“ @”字符。 請有人可以幫我這個忙。

先感謝您。

Answer 1

您應該能夠使用Javascript中的正則表達式來驗證電子郵件地址。 它將驗證@以及其他電子郵件限定符的存在。 我從這個stackoverflow問題中使用以下代碼段

function validateEmail(email) { 
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\
".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA
-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
} 

Answer 2

將type="text"替換為type="email"