Forms with the class .wp-upload-form will now have their submit button disabled until a file is selected. props kovshenin, helenyhou, lessbloat, SergeyBiryukov, tommcfarlin. fixes #20855.
git-svn-id: http://core.svn.wordpress.org/trunk@22459 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
5c087d0e5a
commit
b9b9ebeeae
|
@ -254,7 +254,7 @@ if ( get_background_image() ) {
|
|||
<?php endif; ?>
|
||||
<tr valign="top">
|
||||
<th scope="row"><?php _e('Select Image'); ?></th>
|
||||
<td><form enctype="multipart/form-data" id="upload-form" method="post" action="">
|
||||
<td><form enctype="multipart/form-data" id="upload-form" class="wp-upload-form" method="post" action="">
|
||||
<p>
|
||||
<label for="upload"><?php _e( 'Choose an image from your computer:' ); ?></label><br />
|
||||
<input type="file" id="upload" name="import" />
|
||||
|
|
|
@ -525,7 +525,7 @@ class Custom_Image_Header {
|
|||
printf( __( 'Suggested height is <strong>%1$d pixels</strong>.' ) . ' ', get_theme_support( 'custom-header', 'height' ) );
|
||||
}
|
||||
?></p>
|
||||
<form enctype="multipart/form-data" id="upload-form" method="post" action="<?php echo esc_attr( add_query_arg( 'step', 2 ) ) ?>">
|
||||
<form enctype="multipart/form-data" id="upload-form" class="wp-upload-form" method="post" action="<?php echo esc_attr( add_query_arg( 'step', 2 ) ) ?>">
|
||||
<p>
|
||||
<label for="upload"><?php _e( 'Choose an image from your computer:' ); ?></label><br />
|
||||
<input type="file" id="upload" name="import" />
|
||||
|
|
|
@ -142,13 +142,13 @@ function install_search_form( $type_selector = true ) {
|
|||
*/
|
||||
function install_plugins_upload( $page = 1 ) {
|
||||
?>
|
||||
<h4><?php _e('Install a plugin in .zip format') ?></h4>
|
||||
<p class="install-help"><?php _e('If you have a plugin in a .zip format, you may install it by uploading it here.') ?></p>
|
||||
<form method="post" enctype="multipart/form-data" action="<?php echo self_admin_url('update.php?action=upload-plugin') ?>">
|
||||
<?php wp_nonce_field( 'plugin-upload') ?>
|
||||
<h4><?php _e('Install a plugin in .zip format'); ?></h4>
|
||||
<p class="install-help"><?php _e('If you have a plugin in a .zip format, you may install it by uploading it here.'); ?></p>
|
||||
<form method="post" enctype="multipart/form-data" class="wp-upload-form" action="<?php echo self_admin_url('update.php?action=upload-plugin'); ?>">
|
||||
<?php wp_nonce_field( 'plugin-upload'); ?>
|
||||
<label class="screen-reader-text" for="pluginzip"><?php _e('Plugin zip file'); ?></label>
|
||||
<input type="file" id="pluginzip" name="pluginzip" />
|
||||
<input type="submit" class="button" value="<?php esc_attr_e('Install Now') ?>" />
|
||||
<?php submit_button( __( 'Install Now' ), 'button', 'install-plugin-submit', false ); ?>
|
||||
</form>
|
||||
<?php
|
||||
}
|
||||
|
|
|
@ -787,7 +787,7 @@ function wp_import_upload_form( $action ) {
|
|||
<p><strong><?php echo $upload_dir['error']; ?></strong></p></div><?php
|
||||
else :
|
||||
?>
|
||||
<form enctype="multipart/form-data" id="import-upload-form" method="post" action="<?php echo esc_attr(wp_nonce_url($action, 'import-upload')); ?>">
|
||||
<form enctype="multipart/form-data" id="import-upload-form" method="post" class="wp-upload-form" action="<?php echo esc_attr(wp_nonce_url($action, 'import-upload')); ?>">
|
||||
<p>
|
||||
<label for="upload"><?php _e( 'Choose a file from your computer:' ); ?></label> (<?php printf( __('Maximum size: %s' ), $size ); ?>)
|
||||
<input type="file" id="upload" name="import" size="25" />
|
||||
|
|
|
@ -134,10 +134,10 @@ add_action('install_themes_dashboard', 'install_themes_dashboard');
|
|||
|
||||
function install_themes_upload($page = 1) {
|
||||
?>
|
||||
<h4><?php _e('Install a theme in .zip format') ?></h4>
|
||||
<p class="install-help"><?php _e('If you have a theme in a .zip format, you may install it by uploading it here.') ?></p>
|
||||
<form method="post" enctype="multipart/form-data" action="<?php echo self_admin_url('update.php?action=upload-theme') ?>">
|
||||
<?php wp_nonce_field( 'theme-upload') ?>
|
||||
<h4><?php _e('Install a theme in .zip format'); ?></h4>
|
||||
<p class="install-help"><?php _e('If you have a theme in a .zip format, you may install it by uploading it here.'); ?></p>
|
||||
<form method="post" enctype="multipart/form-data" class="wp-upload-form" action="<?php echo self_admin_url('update.php?action=upload-theme'); ?>">
|
||||
<?php wp_nonce_field( 'theme-upload'); ?>
|
||||
<input type="file" name="themezip" />
|
||||
<?php submit_button( __( 'Install Now' ), 'button', 'install-theme-submit', false ); ?>
|
||||
</form>
|
||||
|
|
|
@ -388,6 +388,20 @@ $(document).ready( function() {
|
|||
if ( e.target.scrollIntoView )
|
||||
e.target.scrollIntoView(false);
|
||||
});
|
||||
|
||||
// Disable upload buttons until files are selected
|
||||
(function(){
|
||||
var button, input, form = $('form.wp-upload-form');
|
||||
if ( ! form.length )
|
||||
return;
|
||||
button = form.find('input[type="submit"]');
|
||||
input = form.find('input[type="file"]');
|
||||
function toggleUploadButton() {
|
||||
button.prop('disabled', '' === input.val());
|
||||
}
|
||||
toggleUploadButton();
|
||||
input.on('change', toggleUploadButton);
|
||||
})();
|
||||
});
|
||||
|
||||
// internal use
|
||||
|
|
Loading…
Reference in New Issue