Changing which input fields inside Address Block are required

SELECTED ANSWER

replied on February 27, 2018

In Google Chrome if you right-click inside of the field, you can get the id of that particular field. Then you can do the following:

$( document ).ready(function() {
  
  $('#Field1_DSG5').removeAttr("required"); //Country is not requried
  $('#Field1_DSG1').attr("required", true); //Address Line 2 is requried
  
}); //etc.

addressReqNotReq.PNG (45.42 KB)

| Download

address.png (10.07 KB)

| Download

1 0

View 1 previous reply

replied on February 27, 2018

This worked great! Thanks again!

0 0

replied on February 27, 2018

Now this is NOT working after I have added the fields into a new collection I created and put the fields into.

So far for me this only works if the field is not inside a collection to where for example the id="Field29"

If I add it into a collection it then changes it to "Field29(1)" . This is what it shows when I click on inspect in Chrome.

Following is not working:

$( document ).ready(function() {

$('#Field29(1)').attr("required", true);

});

If I move it outside of collection and the id has no (1) it works fine.

I really would like this to work with inside a collection.

Thank you,

Andy

0 0

replied on February 27, 2018 • Show version history

This should get you closer.

Also, set the CSS value of the address to "address"

$( document ).ready(function() {
  
  setTimeout(chkCol, 1);

  $(document).on('click', '.cf-collection-append, cf-collection-delete', chkCol);
 
  function chkCol() {
  
  var i = 0;
    $('.address').each(function(index) {
  i++;
      
      $('#Field29\\(' + i + '\\)_DSG5').removeAttr("required"); //Country is not requried
      $('#Field29\\(' + i + '\\)_DSG1').attr("required", true); //Address Line 2 is requried

    });
  
}
  
});

Question

Question

Changing which input fields inside Address Block are required

Answer

Replies

Sign in to reply to this post.