• Saturday , 18 November 2017

Validating Form with JavaScript, Applying Validation States & Styling in Bootstrap

Code Canyon
https://i.ytimg.com/vi/t2oXpi61E4A/hqdefault.jpg



Validating a Form with JavaScript, Applying Validation States & Styling in Bootstrap:
In this video we are going to add Validation to our Form using JavaScript & JQuery and Apply Validation States styles to Input Fields in the form to state the user which field has an error which has to be corrected. We will see how this can be implemented with JQuery and JavaScript by validating a form preventing the form from being submitted with error.

Reference Links:
Bootstrap: http://getbootstrap.com

Follow us:
Twitter: https://twitter.com/WebDevMentors
Facebook: https://www.facebook.com/webdevmentors

Original source

3d Ocean

Related Posts

23 Comments

  1. Rabia Rizwan
    November 2, 2017 at 12:08

    sir you sound horrible

  2. gianelouie aragon
    November 2, 2017 at 12:08

    you sound like squidward btw thanks this is very helpful though

  3. Kim Jong-un
    November 2, 2017 at 12:08

    did you record this with a potato?

  4. Fayçal AZIB
    November 2, 2017 at 12:08

    The sound is bad

  5. Lyn Manguilimotan
    November 2, 2017 at 12:08

    hello sir, how could i put a validation on the update form.?

  6. ടോം കൊച്ചി
    November 2, 2017 at 12:08

    You did something wrong in this video. Try these steps, please – Step 1. fill the first field. Step 2 – Click Submit (now error indicates for second field) Step 3 – Fill the second field. Step 4 – Empty the first field. Step 5 – Submit again. It shows the second field also as empty.

  7. Diode Code
    November 2, 2017 at 12:08

    Can you please tell what you have done after opening script tag

  8. Diode Code
    November 2, 2017 at 12:08

    Bro I am new to JavaScript please make a video for this addition In this video

  9. Bryan Estevez
    November 2, 2017 at 12:08

    Thank you sir 🙂

  10. Lưu Mác
    November 2, 2017 at 12:08

    shit, don't work

  11. Garikipati Venkata Kiran Kumar
    November 2, 2017 at 12:08

    Hi i tried this example ,$("#" + id).val() == null || $("#"+ id).val == "" in this way its not working but i tried with individual is working fine means like this var email = $("#email").val();email == null || email == "" when i pass the id from function it's not working
    please help me any one ,Which version jquery plugin you are used.

  12. Nic
    November 2, 2017 at 12:08

    Thanks man, if it wasn't for your videos, my path to learn bootstrap would have been much more troubled.

  13. Denise Samuels
    November 2, 2017 at 12:08

    Can I use this code, for passwords.

  14. Mohd Sheebu Ansari
    November 2, 2017 at 12:08

    smoothly describe no of things. Osum tuturial Thanx.

  15. Athul P Raj
    November 2, 2017 at 12:08

    your videos are really useful thank you very much 🙂

  16. Rishabh Singh
    November 2, 2017 at 12:08

    i am using bootstarp in asp.net but when i use RequiredFieldValidation then error occur
    :-WebForms UnobtrusiveValidationMode requires a ScriptResourceMapping for 'jquery'. Please add a ScriptResourceMapping named jquery(case-sensitive).

    Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

    Exception Details: System.InvalidOperationException: WebForms UnobtrusiveValidationMode requires a ScriptResourceMapping for 'jquery'. Please add a ScriptResourceMapping named jquery(case-sensitive).

    Source Error:

    An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

  17. MUHAMMAD ALI
    November 2, 2017 at 12:08

    wonderful tutorial dude but i am wondering why this method is not working on my bootstrap form, even i tried just alert event but nothing happen. i am very beginner on js

  18. Imtiaz Ahmad
    November 2, 2017 at 12:08

    hi this is nice video great…………………

  19. Kelechi Uma
    November 2, 2017 at 12:08

    how do i validate my php form to check if a username already exist in mysql database using bootstrap

  20. rupesh sawant
    November 2, 2017 at 12:08

    can do valiation using glypicons i m getting errors

  21. Ganesh Motamarri
    November 2, 2017 at 12:08

    Good vedios helping to beginner

    I am new to jquery

    Please let me know
    Why you use input…button ..not submit..
    We are using return false in validation

    So we use submit also ..if return false it not postback to server

  22. sami rehman
    November 2, 2017 at 12:08

    you should have spoken in your own accent man ..you just ruin it

  23. Inimigo-doCrime
    November 2, 2017 at 12:08

    Awesome channel!
    But it can be better with a clean voice…
    whatever you are amazing!

Leave A Comment

You must be logged in to post a comment.