Die Ereignisanwendung im JQuery-Textfeld verwendet die Eingabe-E-Mail als example

Ereignisanwendung im Textfeld: Nehmen Sie als Beispiel die Eingabe-E-Mail, wie in der Abbildung gezeigt: Der Code lautet wie folgt:

Kopieren Sie den Code Der Code lautet wie folgt: /*Elementinitialisierungsstil*/ .divInit{ width:390px; height:55px; padding-left:20px;} .txtInit{ border:solid 1px #666; padding:3px;background-image:url( 'Images/bg_email_input');} .spnInit{ width:179px; line-height:40px; padding-left:10px; background-repeat: no-repeat;} /*Element verliert Fokusstil*/ .divBlur{ background-color:#FEEEC2;} .txtBlur{ border:solid 1px #666; padding:3px; hintergrundbild :url('Images/bg_email_input2.gif');} .spnBlur{ hintergrundbild:url('Images/bg_email_wrong.gif');} .divFocu {background-color:#EDFFD5;} / *div erhält Fokusstil*/ .spnSucc{ background-image:url('Images/pic_Email_ok.gif'); /*span style when Überprüfung ist erfolgreich*/ > (function () { $(" #txtEmail").trigger("focus"); //Das Textfeld erhält standardmäßig den Fokus $("#txtEmail").focus(function () { / /Das Textfeld erhält das Fokusereignis $(this ).removeClass("txtBlur").addClass("txtInit"); $("#email").removeClass("divBlur").addClass(" divFocu"); $("#spnTip" ).removeClass("spnBlur").removeClass("spnSucc").html("Bitte geben Sie Ihre übliche E-Mail-Adresse ein! "); }); $("#txtEmail").blur(function () { //Textfeld verliert Fokusereignis var vTxt = $("#txtEmail").val() ; if (vTxt.length == 0) { //Ob die E-Mail-Adresse im Textfeld eingegeben wird $(this).removeClass("txtInit").addClass("txtBlur"); >$( "# email").removeClass("divFocu").addClass("divBlur"); $("#spnTip").addClass("spnBlur").html("E-Mail-Adresse darf nicht leer sein! "); } else { //Überprüfen Sie, ob das E-Mail-Format korrekt ist if (!chkEmail(vTxt)) { //Wenn es falsch ist $(this).removeClass(" txtInit").addClass( "txtBlur"); $("#email").removeClass("divFocu").addClass("divBlur"); $("#spnTip").addClass(" spnBlur").html( „Das E-Mail-Format ist falsch!"); } else { //Wenn korrekt $(this).removeClass("txtBlur").addClass("txtInit") ; $(" #email").removeClass("divFocu"); $("#spnTip").removeClass("spnBlur").addClass("spnSucc").html(""); } } }); /*Überprüfen Sie, ob das E-Mail-Format korrekt ist. Parameter strEmail, die E-Mail-Adresse, die überprüft werden muss*/ Funktion chkEmail(strEmail) { var vChk = /^w ([- .]w )*@w ([-.]w )*.w ([-.]w )*$/ if (!vChk.test(strEmail )) { return false;} else { return true; ;/head> 🎜> ;/div>

Die Ereignisanwendung im JQuery-Textfeld verwendet die Eingabe-E-Mail als example_jquery