Only toggle fields required property if it's supposed to be required.

Author: polevaultweb

assets/js/src/wp-user-manager.js

@@ -182,9 +182,11 @@ jQuery( function( $ ) {
 				var rules = $(this).data('condition');
 				var validRule = self.validateRules(rules);
 				$(this).toggle( validRule );
-				$(this).find("input").prop("required", validRule);
-				$(this).find("select").prop("required", validRule);
-				$(this).find("textarea").prop("required", validRule);
+				if ( $(this).find('.field').hasClass('required-field') ) {
+					$( this ).find( "input" ).prop( "required", validRule );
+					$( this ).find( "select" ).prop( "required", validRule );
+					$( this ).find( "textarea" ).prop( "required", validRule );
+				}
 			});
 		}
 

assets/js/wp-user-manager.js

@@ -183,7 +183,13 @@ jQuery( function( $ ) {
 		this.validateFields = function(){
 			form.find('fieldset[data-condition]').each(function(){
 				var rules = $(this).data('condition');
-				$(this).toggle( self.validateRules(rules) );
+				var validRule = self.validateRules(rules);
+				$(this).toggle( validRule );
+				if ( $(this).find('.field').hasClass('required-field') ) {
+					$( this ).find( "input" ).prop( "required", validRule );
+					$( this ).find( "select" ).prop( "required", validRule );
+					$( this ).find( "textarea" ).prop( "required", validRule );
+				}
 			});
 		}