Validation

by vigneshwaranr

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<form name='f' action='#' id='f'>
    <input id='t' name='t' class='required numfield' type='text' />
    <select id='s' name='s' class='required' size='3'>

        <option val='1'>1</option>
        <option val='2'>2</option>
    </select>
    <select id='s2' name='s2' class='required_wiz' size='3'>
        <option>1</option>
                <h2>1234</h2>
    </select>
    <input type='submit' />
</form>

JavaScript

jQuery(function() {
    jQuery('#f').validate();
    jQuery('#f .numfield').rules('add', {
        number: true
    });
    jQuery('#f .required').rules('add', {
        required: true
    });
    jQuery('#f .required_wiz').rules('add', {
        required: function(element) {
            return jQuery(element).children('option').length < 1;
        }
    });
});