Form Validation in React Native Tutorial

Поделиться
HTML-код
  • Опубликовано: 4 ноя 2024
  • In this tutorial, you'll learn how to implement form validation in react native app. I've shown how to make complete login form validation in my existing project from react navigation 5 tutorial series.
    GitHub repo for this complete project bit.ly/3dZfb7U
    React Navigation v5 Tutorial Series • React Navigation 5 Tut...
    If you found my tutorials helpful, you can buy me a coffee from this link paypal.me/itzp...
    Follow me on GitHub github.com/itz...
    Subscribe to my Channel bit.ly/2PaUqOk
    For more tutorials on WordPress, React JS, React Native and Digital Marketing visit: www.pradipdebna...

Комментарии • 75

  • @GuillermoDelTotoro
    @GuillermoDelTotoro 3 года назад

    new to react native. I was spending way too much time on validation issue i was having, and after watching this i got it in 5 minutes. thanks!

  • @ocittikenneth1244
    @ocittikenneth1244 4 года назад +12

    Great job brother, your are really a good teacher. You helped me out during this Covid. May God bless the work of your head.

  • @jogre900
    @jogre900 3 года назад

    nicely done, how can we make that show the red error message under the inputs when click on sign in and not the alert?

  • @alzca
    @alzca 3 года назад

    Superb tutorial. You deserve my like and subscription. Good work!! Greetings from Spain.

  • @ryanrayworld
    @ryanrayworld 4 года назад +1

    Great tutorial! I'm new in using context, just wondering how to pass the value to drawer to update email, and name? Before I'm using this.props.navigation.navigate('Home', {params}); now what's the best way to accomplish this?

  • @thabomodise5998
    @thabomodise5998 3 года назад

    Thanks Pradip! Your tutorial has been very helpful in completing my own project. Great job!

  • @technicalchachaji9728
    @technicalchachaji9728 3 года назад

    hello sir,
    sir your video was awesome,
    sir i want to know how to add regular expression validation in react native login form validation it would be helpful if u will let me know to add these type of validation.....

  • @instant-code
    @instant-code 4 года назад

    Great, You are only man on youtube way of tutorial is awesome

  • @swagatkumarsahu5857
    @swagatkumarsahu5857 4 года назад +1

    Your videos are very useful and informative. Good job 👍 I am learning new things. Just one request while writing code you are making video fast forward, it is very difficult to pause everytime and write the code. Apart from that everything is fine.

    • @syedufaqhaider2796
      @syedufaqhaider2796 2 года назад

      Bro it's unable to signup and then present to login screen

  • @СергейЛавринюк
    @СергейЛавринюк 4 года назад

    Very awesome!!!
    But can you please explain how I can create the same steps but in class ?

  • @amruthalnor1975
    @amruthalnor1975 2 года назад

    It is Possible form validation using any library like react-hook-form in react native?

  • @hmaxyz
    @hmaxyz 3 года назад

    Thanks for tutorial Pradip, we really appreciate your effort. I always want to know which emulator do you use, it looks faster than the one I'm using.

    • @itzpradip
      @itzpradip  3 года назад

      I'm using iPhone simulator on my MacBook Pro 16inch and it's pretty fast

  • @jogre900
    @jogre900 3 года назад

    can be make with only one handleChange function in a form with 8 textInputs?

  • @sivasankar5258
    @sivasankar5258 4 года назад

    Good for beginners. Can you post a video on rest API calls and integrate with same project

  • @gowthams4763
    @gowthams4763 2 года назад

    Bro All are fine .but what about the SIGNUP user?

  • @MrPardal
    @MrPardal 3 года назад

    Thank you very much. Your video tutorials are awesome!

  • @herneytique3920
    @herneytique3920 3 года назад

    Hello. your videos helped me a lot. thanks for the contribution, any suggestion to validate user to mysql and interact with the DB, thanks

  • @AhmadArafatAhmedArafat
    @AhmadArafatAhmedArafat 3 года назад

    Thank you for this great tutorial. I have a question. How can I covert this code from Functional Components to React Class Components ?
    data and SetData are pretty different in the case of a Class component. can you provide your code in class component ?

    • @johnnyhicks8791
      @johnnyhicks8791 3 года назад

      Functional componentes are faster, if you want to manage state then you should use useState(or useMemo etc...)

  • @dev-c6905
    @dev-c6905 3 года назад

    Need a Video of Back handler after login
    for eg: user gets navigated to the login screen when pressing the back button of the android device

  • @AnasHmamouch
    @AnasHmamouch 4 года назад +2

    you are a life saver! Thank you!

  • @mehrajuddinam3922
    @mehrajuddinam3922 4 года назад

    Hi can u create one video for number validation 0 to 9 and should not enter special characters and also first time if textinput contain 0 it has to replace 1 I didn't find solution for this anywhere in react native..hoping u can do this

  • @rahulkumarsingh1716
    @rahulkumarsingh1716 4 года назад +1

    how can we access token from authcontext ?

  • @everyonevoice
    @everyonevoice 4 года назад +1

    Brother... I ferch data from my api at username and password but when I pass in place of founduser it create problem it is black passing

  • @Balaji-ci8zw
    @Balaji-ci8zw 4 года назад +1

    Thanks for the good tutorial. Can you plz make a tutorial for react hooks concepts.

  • @sovannborithyun5205
    @sovannborithyun5205 4 года назад

    Can we set the login button to disable if data is not valid?

  • @Dibujartmex
    @Dibujartmex 3 года назад

    you must make a tutorial to how validate whit api rest in this login

  • @muralikrishnababuande4007
    @muralikrishnababuande4007 4 года назад

    Hi Pradeep,
    Thanks a lot for your Tutorials. These are well explained and documented and your tutorials helped to understand ReactNative. Can you please make another tutorial on Validations like email, Password (strong password), phone number & DOB related.
    Thanks again,
    Murali.

  • @izere250
    @izere250 4 года назад

    Sir, how can I replace the default username by another one from database? as You can see the default one is "John" from drawerContents. Pls help me

  • @antontisna6306
    @antontisna6306 4 года назад

    Hi..nice tutorial. I new in react native. In the next tutorial can you teach us how to create hook for simple form validatation.

  • @salilveersaxena4961
    @salilveersaxena4961 4 года назад

    Thanks sir, i have a doubt where u are storing the users email id and password

    • @itzpradip
      @itzpradip  4 года назад

      In a users.js file within models directory you can check it in the github repo

  • @sokvebolkol3504
    @sokvebolkol3504 4 года назад

    That is a very good tutorial. Could you make a tutorial about firebase with react-native?

  • @sampadaraoravikumar4208
    @sampadaraoravikumar4208 2 года назад

    excellent tqs bro

  • @SnailMoz
    @SnailMoz 4 года назад

    Really amazing tutorials mate! Thanks a lot... I have been trying to use Firebase for the auth but having some problems.
    Would you recommend maybe create the Firebase functions in the conext.js file?
    P.S Would be highly appreciate if there was a tutorial for a Firebase ;).

    • @itzpradip
      @itzpradip  4 года назад +2

      I'll create firebase based authentication and API based authentication using WordPress REST API in future.

    • @SnailMoz
      @SnailMoz 4 года назад

      @@itzpradip Thanks mate! Have a super weekend and stay safe

  • @aakarshitagarwal2115
    @aakarshitagarwal2115 4 года назад

    Sir please make a video to integrate SignUp screen data with Django SignUp API

  • @devchouhan4767
    @devchouhan4767 4 года назад +1

    Could you please explain how can I use scratch Card in react native

  • @giangtuchinh6781
    @giangtuchinh6781 3 года назад

    That is a very good tutorial! thank you

  • @santhoshmoorthi7902
    @santhoshmoorthi7902 4 года назад

    superb bro...

  • @easytolearn4372
    @easytolearn4372 4 года назад

    Thanks bro, please help me by serial this playlist

  • @奋斗努力-r8t
    @奋斗努力-r8t 3 года назад

    learned a lot,thank you!

  • @bapssatsang634
    @bapssatsang634 4 года назад

    Hi,
    can you please for sign in screen can you able to call fetch api so we can able to see how we can interact with database also..please its request

    • @itzpradip
      @itzpradip  4 года назад

      Yes I'll do that in future

  • @Ali-jg1ut
    @Ali-jg1ut 4 года назад

    How to make the signup page work? so everyone can create their account to whom i give my app :)

  • @newtechprogramming844
    @newtechprogramming844 4 года назад

    Bhai To-do list bna do with Authentication maza aa jayega

  • @acekoirala5643
    @acekoirala5643 4 года назад +1

    bro u can continue this and make a full-fledged app and upload on udemy that i would be awesome ..just a suggestion

    • @itzpradip
      @itzpradip  4 года назад

      Thanks for the idea!

    • @rajatgoyal8162
      @rajatgoyal8162 4 года назад

      @@itzpradip Can u please tell me how can I remove that error which is occurring when refreshing the app, it is realated to componentDidUnMount, like we have to unmount something before we are leaving but what??

    • @chandrasekharmalla
      @chandrasekharmalla 4 года назад

      @@rajatgoyal8162 replace componentDidMount with UNSAFE_componentWillMount()

  • @rajanayel7447
    @rajanayel7447 3 года назад

    Anyone help me how to implement Firebase Login with this Login screen. Thanks

  • @kartikeybihani2297
    @kartikeybihani2297 4 года назад

    can you show the link of the first video of this project ?

    • @itzpradip
      @itzpradip  4 года назад

      check the react navigation 5 tutorial series on my channel

  • @muhammadahmedsaeedi7709
    @muhammadahmedsaeedi7709 4 года назад

    how to use formik with picker ?

  • @meldevux
    @meldevux 3 года назад

    un genio!!!!! muchas gracias por los videos!!!

    • @itzpradip
      @itzpradip  3 года назад

      Gracias por tu comentario y apoyo. 🙂

  • @tusharraj9785
    @tusharraj9785 4 года назад

    You are great...:))

  • @haroldpepete
    @haroldpepete 3 года назад

    It is too primitive validation form, why you do not use formik a yup

  • @snehakalvitkar7607
    @snehakalvitkar7607 4 года назад +1

    Can you tell me how to solve this error if I'm sign in with users.js file username n password then it will be show the error like this invalid User "username n password incorrect" not sign in properly how can be solve this error

    • @tusharraj9785
      @tusharraj9785 4 года назад +1

      send the code may be i will fix your problem

    • @snehakalvitkar7607
      @snehakalvitkar7607 4 года назад +1

      @@tusharraj9785 Thank you but my problem solved already ☺

    • @tusharraj9785
      @tusharraj9785 4 года назад

      @@snehakalvitkar7607 oh that's great... We will make an app together if you interested??, 🙂🙂👏

    • @snehakalvitkar7607
      @snehakalvitkar7607 4 года назад +1

      @@tusharraj9785 Sure 👍

    • @tusharraj9785
      @tusharraj9785 4 года назад +1

      @@snehakalvitkar7607 so how do i contact you regarding this?? 👍🏻

  • @shubbhammalve6250
    @shubbhammalve6250 3 года назад

    man where is signup page implementation i thought im gonna get to know how to signup in this tutorial but im so dissapointed

  • @maesema
    @maesema 4 года назад

    In my android emulator not work :c
    En mi emulador de android no funciona :C

  • @sovannborithyun5205
    @sovannborithyun5205 4 года назад

    Can we set the login button to disable if data is not valid?