Web Design Speed art + Speed Code – Contact Form (With Javascript Validation)

By | 17th July 2017
Web Design Speed art + Speed Code – Contact Form (With Javascript Validation)

Web Design Speed art + Speed Code – Contact Form (With Javascript Form Validation)

I have not coded a form in a while so today I thought I would use some javascript and create a form validation design. The design is simple it has a name input, a email input and message textarea. On submit the script runs and checks to make sure everything is filled in. For the email I checked to make sure it is valid as well. Later on I added a :focus around each box and some red text on non correct fields. Let me know what you think πŸ˜€

Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1

Used:
Adobe Experience Design CC
Brackets
Adobe Photoshop CC

Previous Video:

Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).

Music:
Vexento – Masked Raver

My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards

Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free
Video Rating: / 5

19 thoughts on “Web Design Speed art + Speed Code – Contact Form (With Javascript Validation)

  1. Joshua Pogue

    i love your speed coding. its a cool way to see the code, watch you do it, and practice understanding code and writing styles.

    would seriously love if you did a tutorial series, with in depth training.

    Reply
  2. Qhairul Hizamy K

    can you give any tutorials on doing the html and css? (if you can, if not. suggest me link videos that you look up to learn them) btw, I love how you seamlessly code them without any error.

    Reply
  3. Peter Bou Saada

    im pretty good at html and css but i dont learn any coding from your videos. but i still love them because you have a great style and sense of modern design.

    Reply
  4. Prime Designs

    How do you make your browser highlight the element you're coding?

    Reply
  5. ite 32

    Please can you do a tutorial on the coding side. Great video.

    Reply
  6. James McKinven

    Loving the speed coding! Keep up the good work πŸ‘

    Where do you get the idea for all of the projects you do? Do you just do them to practice skills, or for youtube or for clients?

    Also, how / where did you learn to code?

    Reply
  7. Christian Seymour

    Would love maybe a weekly thing where you do a real time design/code.

    Reply
  8. FuelingTheFire

    At some point could you make a multi episode design/website series. That would be great!

    Reply
  9. alexander ivanov

    Good job. But can I ask for the resources please. πŸ™‚

    Reply
  10. lars wiegers

    wow caler it looks awesome ! would love to see a full website at some point πŸ™‚ thanks for the awesome videos and please keep doing what your doing !

    Reply

Leave a Reply