Enabling and disabling required field dynamically

s.alpaslan · February 21, 2019, 9:56am

I am developing insert form I have a like this input fields and I want to do dynamicly enable and disable to required attribute in my input field . All field names , types , requirements etc returns from json file …

forexample;

<input dmx-show="columnDisplayType != 'INTEGER'" dmx-bind:type="'number'" class="form-control" dmx-bind:id="'decimal1'+$index" dmx-bind:name="columnName" dmx-bind:placeholder="columnName" >

BUT I NEED TO DO ;

<input dmx-show="columnDisplayType != 'INTEGER'" dmx-bind:type="'number'" class="form-control" dmx-bind:id="'integer'+$index" dmx-bind:name="columnName" dmx-bind:placeholder="columnName" required="" data-msg-required="test validation message">

I want to add this attribute to dynamic
can anyone guide me @patrick , @George , @Teodor

Teodor · February 21, 2019, 9:59am

Hello Serhat,
The disabled attribute is available in dynamic attributes, when you select your input.

s.alpaslan · February 21, 2019, 10:10am

Hello @Teodor ,
but I want to enable it dynamicly ..

if json file return "validation= active" then dynamicly add this attribute and validation message

required="" data-msg-required="test validation message"

t11 · February 21, 2019, 10:13am

What it migh work is to save the ‘validation=active’ value into a cookie. Then on loading the json to update the cookie value. Apply the ‘Disabled’ value when the cookie value = active

Teodor · February 21, 2019, 10:13am

Ah you are referring to toggling the required attribute?
Try: dmx-bind:required="validation == 'active'"

Hyperbytes · February 21, 2019, 10:18am

Try setting a variable and using it as the show condition. You can then toggle the variable’s value from pretty much any dynamic action which will be reflected in the visibility of the input field

Teodor · February 21, 2019, 10:21am

Why using a variable when you can use dynamic attributes directly?

dmx-bind:required="condition == 'somethig'"

dmx-bind:disabled="condition2 == 'somethig elese'"

dmx-bind:readonly="condition3 == 123"

s.alpaslan · February 21, 2019, 10:23am

because somefield doesnt require this attribute .. I am trying now your solutions ..

Teodor · February 21, 2019, 10:24am

Well you can also try then:

dmx-bind:data-msg-required=“condition == 'abc' ? 'message here' : ''”

s.alpaslan · February 21, 2019, 10:34am

Added

<input dmx-show="columnDisplayType != 'CODELOOKUP'" dmx-bind:type="text" class="form-control" dmx-bind:id="'input1'+$index" dmx-bind:name="columnName" dmx-bind:placeholder="columnName" dmx-bind:required="isColumnNullable == 'false'" dmx-bind:data-msg-required="isColumnNullable == 'false' ? 'message here' : ''">

Result

<input class="form-control" is="dmx-input" value="" id="input10" name="Extra" placeholder="Extra" data-msg-required="" style="">

Teodor · February 21, 2019, 10:35am

Ok so what’s wrong then?

s.alpaslan · February 21, 2019, 10:36am

there isnt “required” attribute

Teodor · February 21, 2019, 10:36am

Then your condition is not met …

s.alpaslan · February 21, 2019, 10:39am

this is returned condition from json

Teodor · February 21, 2019, 10:40am

Then use:

dmx-bind:required="isColumnNullable == false" dmx-bind:data-msg-required="isColumnNullable == false ? 'message here' : ''"

as the ‘false’ returned by the json is not a string and your condition expression is wrong.

s.alpaslan · February 21, 2019, 10:42am

Thank you sooo much @Teodor

working !!!