tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-07-21 17:25:44 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Follow mockup for successful form submission

Browse source
This commit is contained in:
Kelly Dwan 2019-11-20 18:25:38 -05:00
parent 3133f0896a
commit de07108905
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
4 changed files with 28 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

18
plugins/wporg-5ftf/assets/js/frontend.js
View file

@ -93,15 +93,19 @@ jQuery( document ).ready( function( $ ) {
},
success( response ) {
if ( response.message ) {
const $message = $( '<div>' )
.addClass( 'notice notice-alt' )
.addClass( response.success ? 'notice-success' : 'notice-error' )
.append( $( '<p>' ).html( response.message ) );
$( event.target.querySelector( '.message' ) ).html( $message );
// Say the message for screen reader users.
wp.a11y.speak( response.message );
if ( response.success ) {
$( event.target.querySelector( 'input[type="submit"]' ) ).remove();
closeModal();
$( button ).after( $( '<p>' ).html( '<em>' + response.message + '<em>' ) );
} else {
const $message = $( '<div>' )
.addClass( 'notice notice-alt' )
.addClass( response.success ? 'notice-success' : 'notice-error' )
.append( $( '<p>' ).html( response.message ) );
$( event.target.querySelector( '.message' ) ).html( $message );
}
}
},