Can I add the required attribute to an input field using css?

Question

I have a recaptcha widget in my form and i want it to be made mandatory. since i dont have any direct control over the widget in my html, i was wondering if i can add the required attribute to it after it has been rendered.

ie. if i add the folloing css

#recaptcha_response_field{background-color:#000000;}

it does color up the recaptcha widget text field. in the same vein, if there was some way of setting the required="required" attribute for input fields via css, i'd be able to make it mandatory.

score 3 · Accepted Answer · answered Apr 05 '12 at 19:17

3

Does the following work for you:

$(function() {
    $("#recaptcha_response_field").attr('required','required');
});

answered Apr 05 '12 at 19:17

mreyeros

4,359
20
24

unfortunately, no. i added it to my js file but it had no effect. – Rishav Sharan Apr 05 '12 at 19:48
got it to work after removing the function tags. $("#recaptcha_response_field").attr('required','required'); thanks. – Rishav Sharan Apr 05 '12 at 19:52

score 1 · Answer 2 · answered Apr 05 '12 at 19:15

1

If I understand you correctly, this should do the trick:

$(function() {
    $("#recaptcha_response_field").css({background-color:#000000;});
});

Without jQuery:

document.onload = function() {
    document.getElementById("recaptcha_response_field").style['background-color'] = '#000000';
};

I'm not 100% sure on the second one, but I can't test it right now.

answered Apr 05 '12 at 19:15

Elliot Bonneville

51,872
23
96
123

i think you misunderstood me. i wanted to put the attribute "required" on the field. I gave an example where i can put in the style on the field. I just wanted to know if it was possible to put in the required attribute in a similar way. – Rishav Sharan Apr 05 '12 at 19:50

Can I add the required attribute to an input field using css?

2 Answers2