Breaking News: Grepper is joining You.com. Read the official announcement!

email id or phone number validation yup validation

Mystic Dev answered on August 6, 2022 Popularity 6/10 Helpfulness 3/10

answer email id or phone number validation yup validation

related yup phone number validation

email id or phone number validation yup validation

Comment

const loginValidationSchema = Yup.object({
    email: Yup.string().when("isEmail", {
        is: '1',
        then: Yup.string()
            .email("Please enter valid email")
            .required("email cannot be empty"),
        otherwise: Yup.string()
            .required("phonenumber cannot be empty")
            .min(6, 'phonenumber must be at least 6 char'),
    }),
    password: Yup.string()
        .required("Password cannot be empty")
        .min(6, 'Password must be at least 6 char'),
});


<Formik
validationSchema={loginValidationSchema}
initialValues={{ isEmail: 0, email: '', password: '' }}
onSubmit={}
>
{({ handleChange, handleBlur, handleSubmit, values, errors,
    touched }) => (
    <View>

        <TextInput
            placeholder="ramchandran2897@gmail.com"
            onChangeText={(event)=>{
                        handleChange("email")(event)
                        if(Number(values.phonenumberOrEmail)){
                          handleChange("isEmail")('0')
                        }else{
                          handleChange("isEmail")('1')
                        }
                      }}

            onBlur={handleBlur('email')}
            value={values.email}
            keyBoardType="email-address"
            autoFocus={false}
            returnKeyType='next'
            returnKeyLabel='>'
            onSubmitEditing={() => passwordRef.current?.focus()}
            error={errors.email}
            touched={touched.email}

        />


        <TextInput
            placeholder="****"
            placeholderTextColor={Colors.darkLight}
            onChangeText={handleChange('password')}
            onBlur={handleBlur('password')}
            value={values.password}
            secureTextEntry={hidePassword}
            isPassword={true}
            hidePassword={hidePassword}
            setHidePassword={setHidePassword}
            min={6}
            autoCapitalize='none'
            keyboardAppearance='dark'
            onSubmitEditing={handleSubmit}
            ref={passwordRef}
            error={errors.password}
            touched={touched.password}
        />

        <TextInput
            onChangeText={handleChange('isEmail')}
            keyBoardType='none'
        />
    </View>
    )}
</Formik>

Popularity 6/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: email phone-number validation whatever yup

Link to this answer
Share Copy Link

Contributed on Aug 06 2022

Mystic Dev

0 Answers Avg Quality 2/10

Closely Related Answers

yup phone number validation

Comment

// See https://repl.it/repls/PartialAlicebluePrediction
import * as yup from 'yup';
// const yup = require("yup");
import "yup-phone";
// require("yup-phone");

// validate phone number strictly in the given region
const phoneSchema = yup.string()
  .phone("IN", true)
  .required();

console.log(phoneSchema.isValidSync("+919876543210")); // → true

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: www.npmjs.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 02 2022

Clever Constrictor

0 Answers Avg Quality 2/10

email id or phone number validation yup validation

Contents

More Related Answers

email id or phone number validation yup validation

Closely Related Answers

yup phone number validation

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.