Table of Contents

Numeric Input/Output Utilities

Handle special numeric values (Infinity, -Infinity, NaN) in web forms to prevent JSON serialization issues between JavaScript frontend and C# backend.

Implementation Requirements

Your numeric-utils.js module should:

  • Convert special values for display: Infinity → “INF”, -Infinity → “-INF”, NaN → “NaN”
  • Parse display strings back to numeric values
  • Format regular numbers with 4 significant digits
  • Provide Vue mixin for component integration

Required Exports

  • numericToDisplay(value) - Converts numeric to display string
  • displayToNumeric(displayValue, defaultValue) - Parses display to numeric
  • NumericInputMixin - Vue mixin with formatNumericDisplay and parseNumericDisplay methods

Source Code Path

See this page for git repository.

Web Page Application Source Code Path

  • wwwroot/common/numeric-utils.js