Button getting hided if validation fails --php css wordpress - php

Question

field validation is from php(server side).
upload button is client side(ext and file size).
for both field only one save button.
My goal is to hide save button once submitted and show processing...
but if validation fails save button will be hided.
<form id="form" method="POST" enctype="multipart/form-data" >
<input type="hidden" name="nonce" value="<?php echo wp_create_nonce(basename(__FILE__))?>"/>
<?php /* NOTICE: here we storing id to determine will be item added or updated */ ?>
<input type="hidden" name="id" value="<?php echo $item['id'] ?>"/>
<div class="metabox-holder" id="poststuff">
<div id="post-body">
<div id="post-body-content">
<?php /* And here we call our custom meta box */ ?>
<?php do_meta_boxes('person', 'normal', $item); ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" value="<?php _e('Save', 'custom_table_example')?>" id="submit" class="button-primary" name="submit" onclick="$('#submit').hide(); $('#submit1').show();" / >
<input type="submit1" name="submit1" id="submit1" class="button-primary" value="PROCESSING...." style="display:none; >
</div>
</div>
</div>
</form>
jquery code
jQuery(document).ready(function($){
console.log("plugin script loaded1");
$('#submit').click( function() {
$("#submit").hide();
$("#submit1").show();
});
});