- More tests. Fixed an error on number checking.

example/index.js

@@ -873,6 +873,7 @@ class Index extends Component {
                         name: 'Name', // Optional.[String].Default: "". To display in the Error message. i.e Please enter your ${name}.
                         check: true, // Optional.[Bool].Default: true. To determin if you need to validate.
                         required: true, // Optional.[Bool].Default: true. To determin if it is a required field.
+                        type: 'number',
                         // type: 'string', // Optional.[String].Default: "string". Validation type, options are ['string', 'number', 'alphanumeric', 'alpha'].
                         // numberType: 'decimal', // Optional.[String].Default: "decimal". Validation number type, options are ['decimal', 'int']. Handy when the validation type is number.
                         // showMsg: true, // Optional.[Bool].Default: true. To determin display the error message or not.

lib/components/Textbox.js

@@ -474,7 +474,7 @@ var component = function component(_ref) {
               break;
             }
 
-            if (_validator["default"][type](internalValue)) {
+            if (_validator["default"][type](internalValue, null, null)) {
               _context.next = 43;
               break;
             }

lib/components/validator.js

@@ -9,9 +9,10 @@ var empty = function empty(v) {
   return v.replace(/\s/g, '').length ? false : true;
 };
 
-var number = function number(v) {
-  var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 999999999999;
+var number = function number(v, min, max) {
+  if (min === null && max === null) {
+    return true;
+  }
 
   if (!isNumeric(v)) {
     return false;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-inputs-validation",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "description": "React form input validation components",
   "main": "index.js",
   "repository": {

src/__tests__/Textbox.js

@@ -800,28 +800,6 @@ describe('Textbox component', () => {
     expect(wrapper.find(`.${MSG_CLASS_IDENTITIFIER}`).length).toEqual(0);
   });
 
-  it('[Number invalid]: Should msgHtml be appeared', () => {
-    const wrapper = mount(
-      <Textbox
-        value="foobar"
-        onBlur={() => {}}
-        validationOption={{
-          locale: 'en-US',
-          type: 'number',
-          name: '',
-          check: true,
-          showMsg: true,
-          required: true,
-          msgOnError: '',
-        }}
-      />,
-    );
-    const $input = wrapper.find(INPUT);
-    $input.simulate('focus');
-    $input.simulate('blur');
-    expect(wrapper.find(`.${MSG_CLASS_IDENTITIFIER}`).length).toEqual(1);
-  });
-
   it('[Number autoFormatNumber]: Should .5 to be 0.5', () => {
     let value = '';
     const wrapper = mount(

src/__tests__/utils.js

@@ -14,4 +14,16 @@ describe('utils', () => {
   it('[toCamelCase("foo bar")(true)]: Should return the camelCase: "FooBar"', () => {
     expect(utils.toCamelCase('foo bar')(true)).equal('FooBar');
   });
-});
+  it('[getRandomId()]: Should return string', () => {
+    expect(utils.getRandomId()).to.be.a('string');
+  });
+  it('[getNumeric("a1")]: Should return 1', () => {
+    expect(utils.getNumeric('a1')).equal('1');
+  });
+  it('[getAlphanumeric("@a1")]: Should return 1', () => {
+    expect(utils.getAlphanumeric('@a1')).equal('a1');
+  });
+  it('[getAlpha("a1")]: Should return 1', () => {
+    expect(utils.getAlpha('a1')).equal('a');
+  });
+});

src/js/Inputs/Textbox.tsx

@@ -290,7 +290,7 @@ const component: React.FC<Props> = ({
               }
             }
             if (type === VALIDATE_OPTION_TYPE_LIST[1]) {
-              if (!validator[type](internalValue)) {
+              if (!validator[type](internalValue, null, null)) {
                 handleCheckEnd(true, msg.invalid(nameText));
                 return;
               }

src/js/Inputs/validator.ts

@@ -1,5 +1,8 @@
 const empty = (v: string) => (v.replace(/\s/g, '').length ? false : true);
-const number = (v: number, min: number = 0, max: number = 999999999999) => {
+const number = (v: number, min: any, max: any) => {
+  if (min === null && max === null){
+    return true
+  }
   if (!isNumeric(v)) {
     return false;
   }