How can I remove the Name attribute of hidden input fields using Jquery?

Question

I have multiple input fields on a form like below:

<div class="ginput_container ginput_container_product_calculation">
<input type="hidden" class="gform_hidden" value="Space Cost:" name="input_97.1">
<input type="hidden" class="gform_hidden" value="$150.00" name="input_97.2">
<input type="hidden" class="ginput_quantity_1_97 gform_hidden" value="1" name="input_97.3">
</div>

I need to prevent all hidden input fields in the form from being submitted. The best solution I found so far is to remove the name attributes of input fields but I've no idea how it can be done using jQuery. Any help would be appreciated!

Google for jquery removeAttr - you will understand it in detail — Dipak
– Dipak, Commented Apr 14, 2016 at 10:17

Kartikeya Khosla · Accepted Answer · 2016-04-14 10:35:03Z

10

Use .removeAttr().

$("input[type='hidden']").removeAttr('name');

OR

$(":hidden").removeAttr('name');

OR

$("input:hidden").removeAttr('name');

Edit :- Another way to disallow some inputs to post is to make them disabled as disabled form inputs are not submitted.

edited Apr 14, 2016 at 10:35

answered Apr 14, 2016 at 10:17

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Alex Over a year ago

Is there a way to prevent submission of all the fields inside div?

Kartikeya Khosla Over a year ago

yes..you can add disable attribute to all the fields inside the div..the disabled fields can't be submitted.

Kartikeya Khosla Over a year ago

@Alex..use $(":hidden").attr('disabled','disabled')

Alex Over a year ago

You sure disable attribute can be added to all the fields inside a div? Including <p>, <span>, <label> etc? I think it works for input only.

Kartikeya Khosla Over a year ago

@Alex...it doesn't make sense disabling span or p because these will not be submit with your form..only form inputs will be submitted.

Vo Kim Nguyen · Accepted Answer · 2016-04-14 10:19:54Z

0

Try this

$('input[type=hidden]').removeAttr('name')

answered Apr 14, 2016 at 10:19

Vo Kim Nguyen

1,65311 silver badges15 bronze badges

Comments

Shubham Khatri · Accepted Answer · 2016-04-14 10:21:29Z

0

Use removeAttr() as:

$(function() {
    $('input[type=hidden]').removeAttr('name');
});

answered Apr 14, 2016 at 10:21

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Comments

gavgrif · Accepted Answer · 2016-04-14 10:31:44Z

0

you can remove the name attribute as is previously mentioned - but in my opinion this will lead to potential problems down the line - better to simply set the disabled attribute to "true". This works because disabled form inputs are not submitted with the rest of the form and is a cleaner way of removing that input value than removing the name and then potentially forgetting to set it later.

the disabled form inputs can be returned to active duty by setting the disabled attribute to false when required.

answered Apr 14, 2016 at 10:31

gavgrif

15.5k2 gold badges30 silver badges31 bronze badges

2 Comments

Alex Over a year ago

So how can I set the disabled attribute using jquery? I've no access to html code so i can't edit it.

gavgrif Over a year ago

$('input[type=hidden]').attr('disabled',true) should do it - same concept as modifying the name attribute - but less likely to cause issues with other code / functions

Collectives™ on Stack Overflow

How can I remove the Name attribute of hidden input fields using Jquery?

4 Answers 4

5 Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related