jQuery Validate submitHandler

Verificar se campo dinâmico existe para criar mais uma camada de validação.

by Salustiano Silva

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<form id="form_novo">
    <input type="text" name="bnd[]">
    <button type="submit">Enviar</button>
</form>

JavaScript

$('#form_novo').validate({
    rules: {
        'bnd[]': {
            required: true
        },
        'responsavel[]': {
            required: true
        },
        'etapa[]': {
            required: true
        },
    },
    submitHandler: function(form) {
        if ($(form).find('.responsavel').size()>=1) {
            form.submit();
        } else {
            alert("crap");

            /* simulamos a inserção dinamica do elemento
             * para voltar a testar mas agora permitindo
             * a submissão do formulário.
             */
            $(form).append('<p class="responsavel">clica novamente que eu já estou aqui!</p>');
        }
    }
});