jquery文本框中的事件应用以输入邮箱为例_jquery

<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript"> <br>$(function () { <br>$("#txtEmail").trigger("focus"); //默认时文本框获得焦点 <br>$("#txtEmail").focus(function () { //文本框获取焦点事件 <br>$(this).removeClass("txtBlur").addClass("txtInit"); <br>$("#email").removeClass("divBlur").addClass("divFocu"); <br>$("#spnTip").removeClass("spnBlur").removeClass("spnSucc").html("请输入您常用邮箱地址！"); <br>}); <br>$("#txtEmail").blur(function () { //文本框丢失焦点事件 <br>var vTxt = $("#txtEmail").val(); <br>if (vTxt.length == 0) { //文本框中是否输入了邮箱 <br>$(this).removeClass("txtInit").addClass("txtBlur"); <br>$("# email").removeClass("divFocu").addClass("divBlur"); <br>$("#spnTip").addClass("spnBlur").html("邮箱地址不能为空！"); <br>} <br>else { //检测邮箱格式是否正确 <br>if (!chkEmail(vTxt)) { //如果不正确 <br>$(this).removeClass("txtInit").addClass("txtBlur"); <br>$("#email").removeClass("divFocu").addClass("divBlur"); <br>$("#spnTip").addClass("spnBlur").html("邮箱格式不正确！"); <br>} <br>else { //如果正确 <br>$(this).removeClass("txtBlur").addClass("txtInit"); <br>$("#email").removeClass("divFocu"); <br>$("#spnTip").removeClass("spnBlur").addClass("spnSucc").html(""); <br>} <br>} <br>}); <br>/*验证邮箱格式是否正确 参数strEmail，需要验证的邮箱*/ <br>function chkEmail(strEmail) { <br>var vChk = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; <br>if (!vChk.test(strEmail)) { <br>return false; <br>} <br>else { <br>return true; <br>} <br>} <br>}); <br></script>

邮箱: