creating a mandatory field in ui page?

Go to solution
caffry
Kilo Guru

‎11-19-2018 08:58 PM

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

0 Helpfuls
  • 10,769 Views
1 ACCEPTED SOLUTION

Go to solution
rahulpandey
Kilo Sage
In response to caffry

‎11-20-2018 12:24 AM

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

26 REPLIES 26

Go to solution
VerdaKosnett1
Tera Guru

‎03-31-2025 03:34 PM

<input id="suspended_until" class="col-sm-9 form-control" rows="3" required="required" type="date" aria-required="true" placeholder="Suspended Until" name="suspended_until" />
0 Helpfuls

Go to solution
RobertHayton
Tera Expert

‎04-10-2025 12:29 PM

I have found that required='true' works

    <td><input type='text' class='form-control' id='email' name='email' required='true'></input></td>  
0 Helpfuls