Javascript set data-required attribute

Question

I am trying to use the data-required attribute according to data,if value == 1 I want to set the data-required attribute to true else false .

Html:

<input type="text" id="txtPhone" name="phone" data-required="true" class="form-control">

Javascript:

 var value = $("#txtPhone").val();
        if (value == "1") {
            $("#txtPhone").... // Set data required true for txtphone input
        }
        else {
            $("#txtPhone")... // Set data required false for txtphone input
        }

How can I set data-required to true or false?

How can i do this by JavaScript?

What do you mean by "data-required"? required attribute or what? — Yury Tarabanko, Jul 07 '14 at 11:13
I'm not completely sure what you want, but this might answer your question: http://stackoverflow.com/questions/18770369/how-to-set-html5-required-attribute-in-javascript — vanomart, Jul 07 '14 at 11:17

score 15 · Accepted Answer · answered Jul 07 '14 at 11:54

15

As far as i understand your question.. is this what you are looking for fiddle?

        var myvalue = $("#txtPhone").val();
        if (myvalue == "1") {
             $("#txtPhone").attr("data-required","true");
            alert(myvalue);
        }
        else {
           $("#txtPhone").attr("data-required","false");
            alert(myvalue);
        }

answered Jul 07 '14 at 11:54

Sid M

4,354
4
30
50

welcome user3722851 :) – Sid M Jul 07 '14 at 13:27

PG1 · Answer 2 · 2014-07-07T12:25:07.130

2

Do it this way :

var value = $("#txtPhone").val();
if (value == "1") {
    document.getElementById('txtPhone').setAttribute("data-required","true");
}
else {
    document.getElementById('txtPhone').setAttribute("data-required","false");
}

Check out this fiddle.

edited Jul 07 '14 at 12:25

answered Jul 07 '14 at 12:03

PG1

1,220
2
12
27

it doesn't work.. check this [fiddle](http://jsfiddle.net/sid_m/75HwT/) – Sid M Jul 07 '14 at 12:10

Javascript set data-required attribute

2 Answers2