JSFiddle - React, Tailwind, and code Playground

by Evan Chavez

HTML

<input type="text" name="s_1_1_1_0" value="" aria-labelledby="Claim_Number_Label" aria-label="Claim #" style="height: 24px; width:136px;" class="siebui-ctrl-input siebui-align-left siebui-input-align-left s_1_1_1_0" tabindex="0" placeholder="<Case Sensitive>" aria-readonly="false">
<button type="button" class="siebui-ctrl-btn appletButton siebui-icon-mirror search gotoview s_1_1_14_0" id="s_1_1_14_0_Ctrl" name="s_1_1_14_0" data-display="Go" tabindex="0" title="Search:Go" aria-label="Search:Go"><span>Go</span></button>

JavaScript

$(init);

function init() {
	$("#s_1_1_14_0_Ctrl").hide();
	$("#s_1_1_14_0_Ctrl").css("display","none");
      
   $('[name="s_1_1_1_0"]').change(function() {
												 var claimNo = $('[name="s_1_1_1_0"]').val();	
                         console.log("Custom Claims Number listener loaded: " + claimNo);
												if (claimNo != ""){
													//SHOW THE GO BUTTON USING ONE OF THESE METHODS
														//$("#s_1_1_14_0_Ctrl").show();
														$("#s_1_1_14_0_Ctrl").css("display","block");
													}
                     else
                     {
                          window.alert("you must enter a value for Claim# to query!");
                        }
											});
    }