creating a mandatory field in ui page?

caffry · ‎11-19-2018

i have a field which should have mandatory symbol (*) and when i enter the values it should change from red to grey..

<label>Name : </label>

<input type="text" ng-model="name" id="demo"  />

can i use it for the above the code...without using jelly script

rahulpandey · ‎11-20-2018

Here is the full code

HTML

<label for="input1" id="inputLabel" >Name</label>
  <input type="text" ng-model="name" onchange="checkMandatory()" id="demo"  />

Client script

document.getElementById('inputLabel').setAttribute("class", "required");

function checkMandatory(){
if(document.getElementById('demo')!="")
document.getElementById('inputLabel').setAttribute("class", "notrequired");

}

css

label.required::before {
  content: '*';
  margin-right: 4px;
  color: red;
}
label.notrequired::before {
  content: '*';
  margin-right: 4px;
  color: grey;
}

View solution in original post

Omkar Mone · ‎11-19-2018

Hi

Just try with something like this once :-

gel('demo').required = true in your client script.

caffry · ‎11-19-2018

didnt work...

Omkar Mone · ‎11-19-2018

Hi

Please find the below link for the answer given by Chuck.

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

caffry · ‎11-19-2018

the link which u have given uses jelly script can i do that without jelly script..

Omkar Mone · ‎11-19-2018

Try writing it inside <g:ui_form> once and let me know.

Like this :-

<g:ui_form>

</g:ui_form>