本例实现的功能是:当鼠标焦点离开输入电子邮件的文本框时,就判断其格式是否正确,如果不正确,则焦点重新定位到该输入框,而不能移动到其它地方,直到输入正确的格式为止。
以下的代码简单,仅能判断电子邮件格式的用户名、@符号、点号及域名四个部分,无法判断其电子邮件是否是一个有效的邮件地址。
一、在页面中的Head区域中加入如下的JS代码
<SCRIPT LANGUAGE=javascript>
<!--
function CheckEmail(strEmail,name)
{
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
{
return true;
}
else
{
alert("您输入的电子邮件格式有误,请重新输入");
document.getElementById(name).focus();
}
}
-->
</SCRIPT>
二、页面中的控件属性设置
①“<asp:TextBox ID="MyEmail" runat="server" onblur=CheckEmail(this.value,this.name)></asp:TextBox>”
上面的为服务器端的输入控件,下面的为客户端的输入控件,使用方法都一样。
②“<input id="Text1" type="text" onblur=CheckEmail(this.value,this.name) />”