L'application d'événement dans la zone de texte jquery prend l'e-mail d'entrée comme exemple

Application d'événement dans la zone de texte : Prenons l'e-mail de saisie comme exemple, comme indiqué dans la figure : Le code est le suivant :

Copiez le code Le code est le suivant : /*Style d'initialisation de l'élément*/ .divInit{ width:390px; height:55px; padding-left:20px;} .txtInit{ border:solid 1px #666; padding:3px; background-image:url( 'Images/bg_email_input.gif');} .spnInit{ width:179px; line-height:40px; padding-left:10px; background-repeat: no-repeat;} /*L'élément perd le style de focus*/ .divBlur{ background-color:#FEEEC2;} .txtBlur{ border:solid 1px #666 ; remplissage :3px ; image d'arrière-plan :url('Images/bg_email_input2.gif');} .spnBlur{ image d'arrière-plan:url('Images/bg_email_wrong.gif');} .divFocu { background-color:#EDFFD5;} / *div obtient le style de focus*/ .spnSucc{ background-image:url('Images/pic_Email_ok.gif'); la vérification est réussie*/ > (function () { $(" #txtEmail").trigger("focus"); //La zone de texte obtient le focus par défaut $("#txtEmail").focus(function () { / /La zone de texte obtient l'événement focus $(this ).removeClass("txtBlur").addClass("txtInit"); $("#email").removeClass("divBlur").addClass(" divFocu"); $("#spnTip" ).removeClass("spnBlur").removeClass("spnSucc").html("Veuillez saisir votre adresse email habituelle ! "); }); $("#txtEmail").blur(function () { //La zone de texte perd le focus de l'événement var vTxt = $("#txtEmail").val() ; if (vTxt.length == 0) { //Si l'adresse e-mail est saisie dans la zone de texte $(this).removeClass("txtInit").addClass("txtBlur"); >$( "# email").removeClass("divFocu").addClass("divBlur"); $("#spnTip").addClass("spnBlur").html("L'adresse e-mail ne peut pas être vide ! "); } else { //Vérifiez si le format de l'e-mail est correct if (!chkEmail(vTxt)) { //S'il est incorrect $(this).removeClass(" txtInit").addClass( "txtBlur"); $("#email").removeClass("divFocu").addClass("divBlur"); $("#spnTip").addClass(" spnBlur").html( "Le format de l'e-mail est incorrect !"); } else { //Si correct $(this).removeClass("txtBlur").addClass("txtInit") ; $(" #email").removeClass("divFocu"); $("#spnTip").removeClass("spnBlur").addClass("spnSucc").html(""); } } }); /*Vérifiez si le format de l'e-mail est correct. Paramètre strEmail, l'adresse e-mail qui doit être vérifiée*/ fonction chkEmail(strEmail) { var vChk = /^w ([- .]w )*@w ([-.]w )*.w ([-.]w )*$/ if (!vChk.test(strEmail )) { return false } else { return true } } ; ;/head> 🎜> ;/div>

L'application d'événement dans la zone de texte jquery prend l'e-mail d'entrée comme exemple_jquery