[jQuery]Validation Plugin not validating all fields

[jQuery]Validation Plugin not validating all fields

Hi, as the titles says, i'm here for the following problem:
in my form, there are 2 fields, username and password:
  1.     <form class="login_form" action="./?c=login" method="POST">
            <table>
                <tbody>
                    <tr>
                        <td>
                            <label for="username">Username</label>
                        </td>
                        <td>
                            <input type="text" name="username" placeholder="Il tuo username" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Password
                        </td>
                        <td>
                            <input type="password" id="password" name="password" placeholder="La tua password" />
                        </td>
                    </tr>
                    <tr>
                        <td class="submit" colspan="2">
                            <button type="submit" class="button">
                                Login
                            </button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>



























And there's the jQuery code that i'm using right now:


  1. var dialogbox = $('div.dialogbox');
    dialog(valid);
    var login_form = $('form.login_form');
    sACO(login_form);
    $(document).ready(function() {
        var validator = login_form.validate({
            onfocusout: false,
            onkeyup: false,
            onclick: false,
            ignore: '',
            errorContainer: '.dialogbox',
            errorLabelContainer: '.dialogbox ul',
            wrapper: 'li',
            errorElem: '',
            rules: {
                username: {
                    required: true,
                    alphanumeric: true
                },
                password: {
                    required: true,
                    minlength: 5,
                    password: true
                }
            },
            messages: {
                username: {
                    required: 'Devi inserire un username',
                    alphanumeric: 'Nell\'username sono ammessi solo lettere, numeri e trattini bassi(_)'
                },
                password: {
                    required: 'Devi inserire una password',
                    minlength: 'La password deve contenere almeno 5 caratteri'
                }
            },
            showErrors: function(errorMap, errorList) {
                dialogbox.text(this.defaultShowErrors()).hide(0);
                dialog(0);
            },
            highlight: function(element) {
                //do nothing
            },
            unhighlight: function(element) {
                //do nothing
            }
        });
    });
    function dialog(valid) {
        if(valid === 0) {
            $(dialogbox).attr('class', 'dialogbox error');
            $(dialogbox).slideDown('fast');
        } else if(valid == 1) {
            $(dialogbox).attr('class', 'dialogbox good');
            $(dialogbox).slideDown('fast');
        }
    }























































It works properly when NOTHING is set(displays username and password errors), but when i set up username field, leaving blank the password field, if i submit the code doesn't work!
I've tried it in the iPad 2, and that worked...i'm using Mozilla 19.0(updated from 18.0, and not working).
Sorry for my english errors, but as you can see in the errors messages, i'm italian :)
I checked everywhere, but i found nothing on this problem...
Here's a demo: Demo site
Regards,
IAL