HTML文本字段限制

时间:2012-06-12 19:28:43

标签: javascript html forms contact

我是开发网站的新手,我创建了一个包含联系人详细信息的表单。

在电子邮件文本字段中,我只允许使用字符@的电子邮件地址,如果“@”字符不存在,则会显示错误消息。

电子邮件条目的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;
        }
    }
}

上面的代码有效,但没有我要求的限制。我只需要验证要在文本输入字段中设置的'@'字符。请有人帮我这个。

提前谢谢你。

1 个答案:

答案 0 :(得分:1)

您应该能够使用Javascript中的正则表达式验证电子邮件地址。它将验证@的存在以及其他电子邮件限定符。我使用this stackoverflow question

中的以下代码段
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);
}