Validating Form and Adding Glyphicons to Form Fields

Validating Form and Adding Glyphicons to Form Fields in Bootstrap:
In this video we are going to add Glyphicons to the Input fields along with the Validation States while validating the forms. This will add more attractive way of letting your user know the validation status of the form.

Reference Links:

Follow us:

[ravishankar]

This was amazing video. The way Advanced programming was shown in adding and removing glyphicons would help me a lot. Appreciate it

[noorsultan]

i got it thank you kindly for this tutorial serie

[eclectictraveler]

First, Thank you so much for the tutorial! very helpful, my question what if instead of having the feedback after submission I wanted it right when I move to the next field? is that to hard? 

[gpjordo_syd]

Hello... Thank you for this tutorial... Absolutely super. Do you do a tutorial where you validate then do conditional form validation in bootstrap using JS? forms that show additional fields if a radio button is selected. I only want these fields to be validated should they be exposed (i.e. that specific radio button checked). Thanks in advance.

[gpjordo_syd]

Hi there... do you have a similar tutorial which includes validating bootstrap radio buttons and checkboxes?

[dileepsagar]

Yeah I have i donot want to go on submit button when i Fill first text and go to next text box glypcn icon should be show on that can u tell me

[fingrs]

If I fill in the subject  and/or email but leave the name field blank it still shows the subject and email fields as having an errors. How do I fix this please?

[noorsultan]

I HAVE PROBLEM TO SUBMIT THE FORM IN THE END OF THIS VIDEO 
CAN YOU PLEASE HELP ME WITH THE CODE THANK YOU

[JayFive]

I am trying this on the datalist-
<div class="form-group">
            <label for="cities" class="col-sm-2 col-md-4 control-label ">Cities</label>
            <div class="col-sm-10 col-md-6"><input list="cities" class="form-control">
                <datalist id="cities" >
      <option value="Asia">
      <option value="Bermuda">
      <option value="California">
      <option value="Denmark">
               </datalist>
           </div>
           </div>

when i am submitting the red cross remains inside the data list box and submitting is not taking place.Please suggest? Thank you

[AntonioMadeira]

Can you please send the code please? i cant manage it to work :(