HTML/JS regex pattern to match one of: whole number, float, fraction or whole number <space> fraction

dimension-input.html

<input pattern="/^(?:(\d+\/[1-9]\d*)|(\d*(?:(\s\d+\/[1-9]\d*)|\.\d+)?))$/">
<!--
(?: => non-capturing group, EITHER
  (\d+\/[1-9]\d*) => any number of digits followed by a slash then any number of digits not beginning with 0 (fraction)
  | => OR
  (\d*(?: => zero or more digits followed by non-capturing group, EITHER
    (
      \s => a space
      \d+ => any number of digits
      \/ => a slash
      [1-9]\d* => one or more digits not beginning with 0
    ) => (fraction OR whole + fraction)
    | => OR
    \.\d+ => a decimal point followed by any number of digits (float)
  )?) => zero or one match for that non-capturing group
)
-->