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

Please try with the below once :-

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

"required" makes the text input type to mandatory.

Mark Correct if it helps.

Regards,

Omkar Mone.

www.dxsherpa.com

caffry · ‎11-19-2018

required didn't work in ui page

Kalaiarasan Pus · ‎11-19-2018

This helps?

https://www.w3schools.com/js/js_validation.asp

caffry · ‎11-19-2018

it should show me the * (asterisk) symbol when i enter it should change to grey