javascript 当文本框失去焦点时，立即判定是否符合正则表达式，并在旁边显示匹配结果。

]<style type="text/css">
.warning
{
color: Red;
font-size: 12px;
line-height: 13px;
}
.remind
{
color:gray;
font-size:12px;
line-height:13px;
}
</style>
<script language="javascript" type="text/javascript">
String.prototype.Trim = function() { return this.replace(/(^/s*)|(/s*$)/g, ""); }
var isNameCheck = true;

//检查用户名
function checkUserId() {
var userId = document.getElementById("txtUserId").value;
userId = userId.Trim();
if (!isRegisterUserName(userId)) {
document.getElementById("lbUserId").innerHTML = '<span class="warning">*用户名格式不正确！只能输入5-20个以字母开头、可带数字、“_”、“.”的字串</span>';
isNameCheck = false;
}
else {
document.getElementById("lbUserId").innerHTML = '<span class="warning">正确</span>';
isNameCheck =true;
}
}

//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
function isRegisterUserName(s) {
var patrn = /^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
if (!patrn.exec(s)) return false
return true
}

//提交前判断检证是否都通过
function check() {
if(isNameCheck){
return true;
}
else{
return false;
}
</script>

页面代码：
<asp:TextBox ID="txtUserId" onblur="javascript:checkUserId()" runat="server" Width="80"
MaxLength="20"></asp:TextBox>
<label id="lbUserId"><span  class="remind">*  只能输入-20个以字母开头、可带数字、“_”、“.”的字串</span></label>
<asp: Button ID="Button1" runat="server" Text=”提交”  OnClientClick="javascript:return check();" OnClick=" Button1_Click" />