mgm-validation v1.2.0

React text input field validation

This package will validate these items : 1. Email 2. Name ( not supported numbers) 3. Passport Number 4. Melli Code number 5. Mobile 6. Day Range 7. Month Range

Installation 🚀

Using NPM:

npm i mgm-validation

Using yarn

yarn add mgm-validation

Usage:

const errorMessagesMock = {
    onlyNumer : 'تنها ورود عدد مجاز است';
    onlyLetter : 'تنها ورود حرف مجاز است';
    onlyLatinLetter : 'تنها ورود حرف لاتین مجاز است';
    notSupportedChar : 'کاراکتر غیرمجاز وارد شده است';
    mobileFormat : 'فرمت موبایل صحیح نمی باشد';
    dateRange : 'بازه زمانی صحیح نمی باشد';
    melliNumberFormat : 'فرمت کد ملی صحیح نمی باشد';
    passportNumberFormat : 'فرمت شماره پاسپورت صحیح نمی باشد';
    emailFormat : 'فرمت ایمیل صحیح نمی باشد';   
}

 const [mobile, setMobile] = useState(0);
 const [name, setName] = useState('');
  const setValue = (data, type) => {
    if (type === 'name') {
      setName(data);
    }
    else {
       setMobile(data) 
    }
  }
  return (
    <div>
      <CustomInput
        label='موبایل'
        setInput={e => setValue(e, 'mobile')}
        rtlDirection={false}
        type='Mobile'
        messageList={errorMessagesMock}
      />
      <CustomInput
        label='نام'
        setInput={e => setValue(e, 'name')}
        rtlDirection={true}
        type='Name'
        messageList={errorMessagesMock}
      />
    </div>
  );

Types of CustomInput

1. English-Name
2. Name
3. Name-With-Number
4. Mobile
5. Day
6. Month
7. Melli-Number
8. Passport-Number
9. Email

Props Available

mgm-validation component has the following props.