Form Validation With Bootstrap (jQuery)

Question

Can someone please help me with this code? I am using bootstrap for the form and trying to validate it with jQuery. Unfortunately, the form validation isn\'t telling me what

Answer 1

I had your code setup on jsFiddle to try diagnose the problem.

http://jsfiddle.net/5WMff/

However, I don't seem to encounter your issue. Could you take a look and let us know?

HTML

 
Contact Form
 



    

        Name
        

            
        
    
    

        Email Address
        

            
        
    
    

        Subject
        

            
                Choose One:
                Feedback
                Suggestion
                Question
                Other
            
        
    
    

        Message
        

            
        
    
    

        
        Submit Message
        Cancel
    

Javascript

$(document).ready(function () {

$('#contact-form').validate({
    rules: {
        name: {
            minlength: 2,
            required: true
        },
        email: {
            required: true,
            email: true
        },
        message: {
            minlength: 2,
            required: true
        }
    },
    highlight: function (element) {
        $(element).closest('.control-group').removeClass('success').addClass('error');
    },
    success: function (element) {
        element.text('OK!').addClass('valid')
            .closest('.control-group').removeClass('error').addClass('success');
    }
});
});