jQuery验证控件jquery.validate.js使用说明

http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html

<style>
input.error,
select.error{
    border-color:#f00;
}
label.error{
    color:#f30;
    display:block;
}
</style>
<script src="js/jquery.validate.js"></script>
<script>
/*forms*/
$(function(){
    var $form_id = $('#article');
    var $firstname = $('input[name=firstname]', $form_id);

/*    $form_id.delegate('.btn-submit', 'click', function(e){
        e.preventDefault();
        if($firstname.val() == ''){
            $firstname.addClass('hl');
        }
        
    });*/
    jQuery.validator.addMethod("isZipCode", function(value, element) {  
        var reg = /^[0-9]{6}$/;
        return this.optional(element) || (reg.test(value));
    }, "Please enter a valid Zip code.");
    jQuery.validator.addMethod("isSelect", function(value, element) {  
        var reg = /^[^0]{1,}$/;
        console.log(reg.test(value))
        return this.optional(element) || (reg.test(value));
    }, "This field is required.");
    
    $("#article").validate({
        rules: {
              firstname: "required",
            lastname: "required",
            email: {
                required: true,
                email: true
           },
           companyname: "required",
           address: "required",
           locity: "required",
           lostate: "isSelect",
           zip: "isZipCode",
           locountry: "isSelect",
           jobtitle: "required",
           industry: "isSelect"
        }
      });
});
    
</script>