Having field that are required but controlled by js

ippisite/ippidb/forms.py

@@ -269,7 +269,10 @@ class ComplexCompositionForm(forms.Form):
     ppp_copy_nb_per_p = forms.IntegerField(
         label=_('ppp_copy_nb_per_p'),
         required=False,
-        widget=forms.NumberInput(attrs={'class': 'bound-complex-only'}),
+        widget=forms.NumberInput(attrs={
+            'class': 'bound-complex-only',
+            'data-required': True,
+        }),
         validators=[
             MinValueValidator(1),
         ],

ippisite/ippidb/templates/ProteinDomainComplexForm.html

@@ -10,14 +10,15 @@ function update_partner_bound_fields_visibility(){
     console.log($(source).val());
     let partner = $(source).val() == "Partner";
     if(partner){
-      console.log(partner);
       $(source).closest(".formset-item").find(".partner-complex-only").parent().show();
+      $(source).closest(".formset-item").find(".partner-complex-only[data-required]").prop("required",true);
       $(source).closest(".formset-item").find(".bound-complex-only").parent().hide();
-      console.log("test:",$(source).closest(".formset-item").parent().find(".complex-type").val());
+      $(source).closest(".formset-item").find(".bound-complex-only[data-required]").prop("required",false);
     }else{
       $(source).closest(".formset-item").find(".partner-complex-only").parent().hide();
+      $(source).closest(".formset-item").find(".partner-complex-only[data-required]").prop("required",false);
       $(source).closest(".formset-item").find(".bound-complex-only").parent().show();
-      console.log("test2:",$(source).closest(".formset-item").parent().find(".complex-type").val());
+      $(source).closest(".formset-item").find(".bound-complex-only[data-required]").prop("required",true);
     }
 }
 $(document).ready(function(){