Show/hide the submit button on catalog item form based on select box

[Are Kaveri]

Hi,

we have the below scenario for one of our client.

based on employee type we need to show submit button to submit the request on service portal.

for this I have written client script on onload. But not understanding how to achieve this

if(g_form.getValue(employee_type) == ‘full time’){
show submit button

}else {don’t show}

please help me with the scripting 

[Are Kaveri]

@OlaN  that was the requirement that can't be changed . we have to hide submit button is there any solution to hide submit button?

[Harish KM]

Is this submit button on Portal page or native UI?

screenshot would be helpful

The below script will do

function onLoad() {

   //Type appropriate comment here, and begin script below

   var getEmployeeType = g_form.getValue('variabeName'); // check employee variable

   alert(getEmployeeType);

   if(getEmployeeType == 'alert value') // check alert value and pass here

   {

   if(window == null){

        // for portal

        var z = this.document.getElementsByClassName("btn btn-primary btn-block ng-binding ng-scope");

        z[0].style.display = 'none';

    }else{

        // for native

        document.getElementById("submit_button").style.display  = 'none';

    }

}

}

[Are Kaveri]

@Harish KM  for employee type full time also submit button was disappearing.

[raja0077]

@re Kaveri

Hi,

you can use onSubmit catalog client script and stop the form submission.

function onSubmit() {

   if( g_user.employee_type=='full time'){

    return true;

  }else{

    alert("You are not a full time employee so you cant submit the reqest";

    return false;

  }

}

Thanks

[Ankur Bawiskar · Accepted solution]

@Are Kaveri 

are you sure Isolate script field is marked as False for your client script?

Share the latest script and what debugging have you done so far?