Hide OK button after click - UI Page

[Vikram3]

Hello all,

I need to hide/disable OK button after click in a UI page. Below is the code snippet,

<tr>
    <td colspan="2" align="right">
      <g:dialog_buttons_ok_cancel 
         ok="return submitChanges()" 
         cancel="return submitCancel()" />
    </td>
  </tr>	

function submitChanges() {
	var taskId = gel('task_id').value;
	var selection = gel('yesno').value;
	if (selection.length < 1)	{
		document.getElementById('yesno_error').style.backgroundColor="#FFEBE8";
		document.getElementById('yesno_error').style.display="block";
		return false;
	}
	else		document.getElementById('yesno_error').style.display="none";
		
	var v_rsn_incomplete = '*err*';
	try {
		v_rsn_incomplete = gel('rsn_incomplete').value;
	} catch (e) {}
	if (v_rsn_incomplete.length < 1 && rsnSelect())	{
		document.getElementById('rsn_incomplete_error').style.backgroundColor="#FFEBE8";
		document.getElementById('rsn_incomplete_error').style.display="block";
		return false;
	}
	else		document.getElementById('rsn_incomplete_error').style.display="none";
		
	var notes = gel('work_notes_update').value;
	//.replace(/^\s+|\s+$/g,''); // trim
	if (notes.length < 1 && rsnSelect()) {
		document.getElementById('work_notes_error').style.backgroundColor="#FFEBE8";
		document.getElementById('work_notes_error').style.display="block";
		return false;
	}
	else
		document.getElementById('work_notes_error').style.display="none";
	
	g_form.clearValue("work_notes");
	
	return true;
	
}

Can anybody assist me on this. This is to restrict user to click multiple times on OK button.

[Omkar Mone]

Hi 

You can go through this once -

https://community.servicenow.com/community?id=community_question&sys_id=442f83e1dbdcdbc01dcaf3231f96...

Regards,

Omkar Mone

[Vikram3]

I got that. But I need to hide it after click.

[Vikram3 · Accepted solution]

I achieved it by the below code snippet added in client script,

var ok = document.getElementById("ok_button");
ok.style.display = "none";