2 * JavaScript for Special:ChangeEmail
6 * Given an email validity status (true, false, null) update the label CSS class
8 function updateMailValidityLabel( mail
) {
9 var isValid
= mw
.util
.validateEmail( mail
),
10 $label
= $( '#mw-emailaddress-validity' );
12 // Set up the validity notice if it doesn't already exist
13 if ( $label
.length
=== 0 ) {
14 $label
= $( '<label for="wpNewEmail" id="mw-emailaddress-validity"></label>' )
15 .insertAfter( '#wpNewEmail' );
18 // We allow empty address
19 if ( isValid
=== null ) {
20 $label
.text( '' ).removeClass( 'valid invalid' );
23 } else if ( isValid
) {
24 $label
.text( mw
.msg( 'email-address-validity-valid' ) ).addClass( 'valid' ).removeClass( 'invalid' );
28 $label
.text( mw
.msg( 'email-address-validity-invalid' ) ).addClass( 'invalid' ).removeClass( 'valid' );
34 // Lame tip to let user know if its email is valid. See bug 22449.
35 // Only bind once for 'blur' so that the user can fill it in without errors;
36 // after that, look at every keypress for immediate feedback.
37 .one( 'blur', function () {
38 var $this = $( this );
39 updateMailValidityLabel( $this.val() );
40 $this.keyup( function () {
41 updateMailValidityLabel( $this.val() );
44 // Supress built-in validation notice and just call updateMailValidityLabel(),
45 // to avoid double notice. See bug 40909.
46 .on( 'invalid', function ( e
) {
48 updateMailValidityLabel( $( this ).val() );
51 }( mediaWiki
, jQuery
) );