Hi, @Rabie.jabasini,

that's exactly how the spec says it should work. The number input can accept floating-point numbers, including negative symbols and the e or E character (where the exponent is the number after the e or E), but if you want to avoid to type characters like e , +, - , . change input type on text and write a method that blocks NaN characters.

I write a snippet to show you what I mean. You can use it of course.

import React from 'react';
import { MDBCol, MDBBtn, MDBInput } from 'mdbreact';
class FormsPage extends React.Component {
  state = {
    typeNumber: ''
  };

  submitHandler = event => {
    event.preventDefault();
    event.target.className += ' was-validated';
  };

  handleChange = evt => {
    const typeNumber = evt.target.validity.valid
      ? evt.target.value
      : this.state.typeNumber;
    this.setState({ typeNumber });
  };

  render() {
    return (
      <div>
        <form
          className='needs-validation'
          onSubmit={this.submitHandler}
          noValidate
        >
          <MDBCol md='4' className='mb-3'>
            <MDBInput
              type='text'
              pattern='[0-9]*'
              onChange={this.handleChange}
              value={this.state.typeNumber}
              validate
            />
          </MDBCol>
          <MDBBtn color='primary' type='submit'>
            Submit Form
          </MDBBtn>
        </form>
      </div>
    );
  }
}
export default FormsPage;

Best regards, Kuba

Kuba