JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form_hv3hcs" >
    <label>Social Security No.</label>
    <input type="text" id="field_a7afui" value=""  size="11" maxlength="11" class="auto_width"/>
    
<input type="submit" value="Update"  />
    </form>

JavaScript

var retrieveValue = function(ev){
        var $this = $(this),
            val = $this.data('value');
        
        if (val) {
            $this.val(val);
        }
    },
    hideValue = function(ev){
        var $this = $(this);
        
        $this.data('value', $this.val());
        $this.val($this.val().replace(/^\d{5}/, '*****'));
    };

$('#field_a7afui').focus(retrieveValue);

$('#field_a7afui').blur(hideValue);

$('#form_hv3hcs').submit(function(ev){
    ev.preventDefault();
    retrieveValue.call($('#field_a7afui')[0], ev);
    alert($('#field_a7afui').val());
    hideValue.call($('#field_a7afui')[0], ev);
});