Get custom information for product javascript for theme.js

get-customization-information-for-products.js

jQuery(function($) {
  $('form[action="/cart/add"]').submit(function() {
    var formIsValid = true;
    var message = "Please fill this out and you will be able to add the item to your cart.";
    $(this).find('[name^="properties"]').filter('.required, [required="required"]').each(function() {
      $(this).removeClass('error');
      if (formIsValid && $(this).val() == '') {
        formIsValid = false;
        message = $(this).attr('data-error') || message;
        $(this).addClass('error');
      }
    });
    if (formIsValid){
      return true;
    }
    else {
      alert(message);
      return false;
    }
  }).find('input, select, textarea').focus(function() {
    $(this).removeClass('error');
  });
});

I have the same issue as @glaxies posted above.

Any ideas on why this code isn't making the customization field required?

Thanks!

@glaxies @bjt1t2t3
Are you using one of the free Shopify themes? I'm using the "Simple" theme and was having a problem with this. Here's how I got it to work:

Change:
$('form[action="/cart/add"]').submit(function() {
to:
$('#AddToCart').on("click", function() {

There seems to be a name conflict with the .submit() method and the form's submit button name="submit" attribute. SO reference here.

Thanks for your post @ajisilva. I am using this with the Simple theme and will try your change. Thanks again!