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



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


23 responses to “Validating Form with JavaScript, Applying Validation States & Styling in Bootstrap”

  1. 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.

  2. 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.

  3. 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.

  4. 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

Leave a Reply